Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17843

    Is it possible to modify the header section, to be more of a transparent image or color… you can see what I currently have:

    southlakebc.com

    Would like it to be darker, but show the background design through the header a little.

    Also, can you explain “Alternate Content” and when I would see those colors used? Is there a way to force sections to use those?

    #97153

    Hi southlakebaptist,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .boxed #header .container_wrap {
    background: rgba(255, 255, 255, 0.2);
    }

    #wrap_all {
    background-color: transparent;
    }

    The rgba is the RGB color with a Alpah trapnsparency of 0.2. You can adjust the 0.2 up to 1.0 to get the transparency you are looking for as well as change the color code to something other than white. Just make sure its RGB and not html or anything else.

    I believe the Alternate Content color scheme is for use when creating Templates with the Template Builder. They can be associated with at the very least the Slideshow element via a dropdown option on in that element.

    Regards,

    Devin

    #97154

    The Transparent worked great. Thank you!!

    The only problem I see now, is the back of the menu, for example, hover over “about” at southlakebc.com and you’ll see it’s black, how can I separate those out and assign specific colors?

    #97155

    Never mind, figured it out ;)

    #97156

    Hi southlakebap,

    Glad that you’ve fixed it. :)

    Cheers,

    Ismael

    #97157

    How can I resize the header height

    #97158

    Hi mjsoy714,

    Try adding this code in your Quick CSS or custom.css:

    #header h1.logo {
    padding: 10px 0;
    }

    Hope this helps. :)

    Regards,

    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Header Modification’ is closed to new replies.