Replace Centric Pro Featured / Hero Blue Section with Full Width Image

[bodiequirk]

Hey Friends,

Still learning my ropes of the StudioPress world and I sure have come a long way in a couple months. Now I could use some direction.

I am using Centric Pro and I love it! All I want to do is place a full screen image in place of the blue background at the top of the Centric Pro front page. I realize the blue is the body tag, and I like it coming through as you scroll down the page, but that top section I want to have an image instead of the blue.

I want the widget areas to be just as they are, I just want to know the best way to use a background image behind that first section.

Thanks!

http://demo.bodiequirkdesign.com

[Douglas Barnes]

Hi,

Do you mean something like this?

--> http://greentreefoundation.org/

[bodiequirk]

YES YES YES!!

Do tell!

How do I go about doing this exact thing? Thanks for the response.

[Douglas Barnes]

You'll like how easy it is.

Go to the dashboard, go to Appearance> Customize> Background image. You can upload an image there, or select one from your media gallery.

That's it.

[bodiequirk]

Oh man. How did I miss that?

now I just need to figure out what image size I need to add.

Thanks for the help. Going to go ahead and check that first next time.

[bodiequirk]

Look! It lives!

http://demo.bodiequirkdesign.com

Except now it doesn't come up on mobile. Ideas?

[davidhartshorne]

I can see the photo on mobile?
Looks good.

[bluefoxart]

Hi...this is just what I was looking for only I cannot get it to work on my blog. I see that the solution worked fine for
the orignal poster, but when I tried it (a number of times) my image will not show in the the Home 1 section of Centric.

Instead, the image appears in the Home 3 section as a background image

I'm at a loss as to how to make this work for me

Thanks !

[Douglas Barnes]

Very strange. Can you post link?

[londondeb]

It's important to understand there is a "difference" when you upload the image via Appearance>Customize>Background Image> which works, as opposed to using an <img src="imageURL" /> in a text widget placed in the home 1 widget area.

Also if you've changed themes recently and have widget areas with "hold-over" code in them you should check that to be sure there is nothing in there that is telling the image specifically not to display say on home or landing pages.

[bluefoxart]

Hi Douglas...first, thanks for getting back to me so quickly.

It turns out that there were some conflicts with widgets from the previous theme (studio press theme)
that have been dealt with

However, the image still appears in the home 3 area and for the present I've dealt with that by not using it
in order to achieve the look I wanted.

At this moment my blog is not available as I make changes to it so I can't post a link; but thanks again
for your prompt reply

[Author]

Posts