This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

13
  1. David Hollenbeck 10 years, 8 months ago

    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.

  2. Andrew Misplon Staff 10 years, 8 months ago

    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.

  3. David Hollenbeck 10 years, 8 months ago

    I can easily seperate the logos in photoshop.. The issue will be I need the green backround across the whole top

  4. David Hollenbeck 10 years, 8 months ago

    Oh i see what you said hold on let me try

  5. David Hollenbeck 10 years, 8 months ago

    Ok I got ti all seperated but I cant seem to find yoru page>masthead background

  6. David Hollenbeck 10 years, 8 months ago

    Never mind found it

  7. David Hollenbeck 10 years, 8 months ago

    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

  8. Andrew Misplon Staff 10 years, 8 months ago

    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.

  9. David Hollenbeck 10 years, 8 months ago

    I got it all there and transparent but cant get the image to the left

  10. David Hollenbeck 10 years, 8 months ago

    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

  11. Andrew Misplon Staff 10 years, 8 months ago

    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;
}
  12. David Hollenbeck 10 years, 8 months ago

    ALL done Job well done. I am going to use this template so much. Everytime i do money coming your way.

  13. Andrew Misplon Staff 10 years, 8 months ago

    Awesome :) Really glad to hear that did the trick.

    Thanks for your support.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread