Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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:

    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?


    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.




    The Transparent worked great. Thank you!!

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


    Never mind, figured it out ;)


    Hi southlakebap,

    Glad that you’ve fixed it. :)




    How can I resize the header height


    Hi mjsoy714,

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

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

    Hope this helps. :)



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

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