Cant get background of header to change ?

The site is::[Links visible only for registered users]

Want to put a background in the entire top header, but cant seem to get it to work. Can you please tell me how to do it. See the screenshot with the link below. Im using the STACK : CENTER header layout

Thanks

[Links visible only for registered users]

Comments

  • Hi,
    do you mean a bavkground image?
    Can you send a link to this image?
    thanks
  • edited December 2017
    Yes, a background image. Not sure why I need to send you an background image though as it doesnt matter what it is. I just need to know HOW to have a background image in the header. When I try to do what I think is correct- it does not work.  I sent you a screenshot above as well as sending you the site- so you have everything you need to see everything to give me an answer. Sending you the image isnt going to make any difference. You can put ANY image you want in there... I just need to know how to do it.

    Thanks !
  • edited December 2017
    Can you please let me know ?

    Thanks
  • Here it is css
    #Top_bar {
    background: url('URL TO IMAGE') !important;
    }
  • edited December 2017
    Thanks so much- it worked. Just curious...why is this not a simple option in THEME OPTIONS>HEADER & SUBHEADER ? I would think you would implement this into that section...

    Also, as much as it worked...could you please go back and check it because I want it to have the same color banner ALL THE WAY across the bottom where the menu is. Link to screenshot of what I want below.  Can you please tweak the CSS to be able to do that ?

    [Links visible only for registered users]

    Thanks again !
  • edited December 2017
    Not sure if anyone saw this comment...Could you please let me know how to have the same color 'banner' ALL THE WAY across the bottom where the menu
    is. Link to screenshot of what I want below.  Can you please tweak the
    CSS to be able to do that ? Right now the CSS you sent me only has the colored menu bar in the center...

  • You can use this css 
    #Top_bar #menu {
    background-color: transparent !important;
    }
  • edited December 2017
    Thanks- that makes the bar transparent. Which is good to have that CSS....but can you make it so the color behind the menu goes ALL THE WAY ACROSS instead of just making it transparent ?

    The way that I originally asked for and showed you the screenshot of ? Is this possible ?

    Thanks again !
  • The white stripe is not made with css but is an image element which you uploaded yourself: [Links visible only for registered users]

    To change the color of bottom ribbon, you need to edit it in graphic program. The image link is [Links visible only for registered users]
  • I already fixed it...didnt know if it can be done with code. Thanks anyway...
    ;)
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.