Make Subheader background transparent & extend 'Featured Image' hight

smoothunit

Hi, Just wondering if this is simple enough to do;

I'd like to make the subheader background transparent and make the Featured or default image extend to where it finishes. Ideally I'd like to have H1 title and breadcrumbs still functional.

Is this possible?

smoothunit

Here is a mock-up to help better explain the change.

http://imgur.com/tVqELpT

Thanks again for the awesome theme!

Albert

The thing you ask for is a little bit complicated but of course is possible like most things. What you need to do is remove background for lot`s of things and setup background image for body. This can be done only with custom css like below:

#Wrapper { background: none !important; }
#Header { background: none !important; }
#Subheader { background: none !important; }
#Content { background: #FCFCFC !important; }
body { background: url('http://path-to-image'); }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smoothunit

You guys are incredible!

Last thing- I promise...

How can I make The H1, breadcrumbs and phone number/email text all the same color (or transparent as the phone/email icons)?

Thanks again, 5 star theme and support all the way.

Albert

To do that, you need to use custom css also.

#Subheader .title { color: #000; }
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: #000; }
#Action_bar .contact_details li { color: #FFF; }
#Action_bar .contact_details li a { color: #FFF; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smoothunit

Thanks again.

I seem to have now lost the 'Call now', phone, email and social icons. Any ideas?

Albert

Probably they are not visible because of colors above. Please change colors to your own and then see.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smoothunit

Still nothing there once colours are changed, what else would you suggest? Site is- lifestyleloans.com.au.

Albert

Ok we see your website and as we see, color for menu fonts works fine. But probably we misunderstood what you mean. That`s why you need to make a screenshot of your website, make necessary changes on image and then send it to us so we can be sure what you mean exactly. For that you can use http://snag.gy

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Burnstone

Hey guys,

like smoothunit i have the same problem with a transparent header and subheader. I copied the custom css code but it still doesn't work and stays light-gray. This is my first time spending with wordpress, so im a absolutely beginner. I don't have a child theme.

I really would appreciate your help.

Albert

@Burnstone Please send us url to site where you got this and also make a screenshot with necessary changes and we'll try to help you.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Burnstone

Hello,

my site is www.handkamera.com

here is what i want to look like
https://www.wetransfer.com/downloads/825f857f686ae297eef5503b3e84ced820150619140842/4b30be59caec5919180c4ab7b4f7bf8620150619140842/e8b05c

Thanks, your answered so quick.

Albert

@Burnstone The url you sent to screenshot does not work. Please use the online service like http://pasteboard.co/ instead.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Burnstone

ok. Thanks. Here's the link:

http://pasteboard.co/1muTkGAq.jpg

Albert

Great. So to make this header similar as on screenshot, please use below css:

#Header_wrapper { background-color: transparent !important; }
#Wrapper {
    background: transparent !important;
    box-shadow: 0 0 0 0 !important;
}
#Subheader {
    background-color: transparent !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Burnstone

oh great!!
thanks so much!!
you guys are the best!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next