Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 16, 2015 at 8:30 pm #429882
    tzola

    Hello,

    I’m struggling to figure out how change the background color and opacity for the main menu and the top bar area where the phone number and social icons appear.

    1. For the top area I want to change the opacity to 0. I figured out how to change the background color for that area but when I drop the opacity and just turns white. Here’s what i used:

    #header_meta .container {
    opacity: 0.6;
    }

    2. For the main menu, the opacity is already at 0 but I want to change it to have color.

    I’ve tried searching the forums but without any luck. Searches seem to bring up a lot of irrelevant posts.

    I also want to get rid of the little borders everywhere on the site but I haven’t started searching for that yet.

    Thanks in advance,
    Tzola

    April 17, 2015 at 4:55 pm #430413
    Elliott

    Hi tzola!

    It looks like your setting a header background image to create a transparent white section beneath the menu so you will need to edit the background image your using if you want to change the color.

    You could add some CSS to change the color of just the menu.

    #header_main_alternate {
  background: none repeat scroll 0 0 rgba(255, 0, 0, 0.3) !important;
}

    But it’s not going to line up perfectly because of the background image your using.

    Regards,
    Elliott

    April 17, 2015 at 5:15 pm #430446
    tzola

    Hi Elliot,

    Thanks for the reply. After posting my question I started thinking of different ways I could achieve the same result and realized that I could just modify the header image to achieve the correct effect.

    Thanks for the reply.

    T.

    April 20, 2015 at 3:57 am #431038
    Rikard

    Hi!

    Great, please get back to us if you should have any more questions.

    Cheers!
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.