Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 2, 2015 at 7:29 pm #546062
    rmavila

    Hello,
    Can you please help me change the opacity in the header from this link:
    http://testsite.cityofwinters.org/city-hall/

    to this:

    https://projects-cityofwinters.squarespace.com/#major-projects

    Thank you.

    December 2, 2015 at 8:02 pm #546072
    Elliott

    Hey rmavila!

    When you edit your page look on the right hand side and you’ll see the layout options. You can set the header to transparent there.

    Best regards,
    Elliott

    December 2, 2015 at 8:42 pm #546088
    rmavila

    I need the code to change the opacity/transparency level as I showed in those links.

    I don’t want the header to be complete clear.

    December 2, 2015 at 8:48 pm #546093
    Elliott

    Hey!

    It shouldn’t be completely clear when you set it transparent. There is also a “glassy transparent” style which will make it even more opaque.

    You can change the opacity with this CSS.

    .header_color .header_bg {
    background-color: rgba(255,255,255,0.4) !important;
}

    But that’s not going to do anything because there is nothing behind the header.

    Regards,
    Elliott

    December 2, 2015 at 8:51 pm #546098
    rmavila

    Thank you Elliot. Is there anyway to change the opaque to a dark color instead of light?

    December 2, 2015 at 9:32 pm #546124
    Dake

    Hi!

    You can change the overall color, by adjusting the RGB values (like the example below):

    .header_color .header_bg {
    background-color: rgba(25,25,25,0.4) !important;
}

    Cheers!
    Dake

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