Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
http://cleanerguys.ccmediallc.com/
I want to make the logo go acrross the whole top.
I looked up first and saw the css snippet fix and that doesnt seem to work.
Ok so i have scoured the forums trying to fix this. I have tried about 7 different custom css. I have made sure my image is at least the right size. Some of the code has worked in that it makes my logo dissapear. But the rest just laughs at me. Please advise.
Hi David
Do you have any Photoshop or similar experience? Or perhaps a graphic designer that can help out? What ideally needs to be done here is this:
1. Separate your two logos from the background. Your two logos could be two separate images or one image. They both must have a transparent background and be saved as PNGs.
2. Add the background image only to Appearance > Customize > Page > Masthead Background.
3. If separated then add your logo image to Appearance > Theme Settings > Logo. Add your second “logo” to Appearance > Widgets > Header using a Visual Editor widget.
This combination will be the most user-friendly and scale the best.
If you have your header image in a layered format I could even help separate it.
I can easily seperate the logos in photoshop.. The issue will be I need the green backround across the whole top
Oh i see what you said hold on let me try
Ok I got ti all seperated but I cant seem to find yoru page>masthead background
Never mind found it
Ok I got them both up there. I will fix the transparent issue later. Right now how to i get them to fit one to the left and one to the right
Super.
* I think you have your logo centering. Try undoing that at Appearance > Customize > General.
* Not sure what’s up with the second image. Looks like it isn’t there:
http://cleanerguys.ccmediallc.com/wp-content/uploads/2015/05/Untitled-2.png
Can you try upload again?
* At Appearance > Custom CSS insert the following:
/* Header */#masthead { background-repeat: repeat-x;}At Appearance > Customize > General set header padding to 10px (approximately).
Hope that helps.
I got it all there and transparent but cant get the image to the left
Ok I got all the images where they should be and transparent. Ty for the help.
Separate question that I might need a separate thread.
I want the header about half the size ie like http://cleanerguys.com/ can this be done
All Vantage content, even in full width, has a container. To push that container to 100% in the header only, try the following at Appearance > Custom CSS:
/* Vantage Full Width: 100% Width Logo Space */ body.responsive.layout-full #page-wrapper #masthead .full-container { max-width: 100%; } body.responsive.layout-full #page-wrapper #masthead .site-navigation .full-container { max-width: 1080px; } header#masthead .hgroup .logo { float: none; } header#masthead { padding: 0; } .main-navigation { padding: 0 35px; }ALL done Job well done. I am going to use this template so much. Everytime i do money coming your way.
Awesome :) Really glad to hear that did the trick.
Thanks for your support.
All the best.