Remove page color on static front page with Pique theme

  • Unknown's avatar
    ladycanna · Member ·

    Hello,

    I’m looking for CSS code that will let me set the front page of my static page website to have no color background. I’m using the Pique theme, and when configured for a static page it allows me to modify the page color and opacity under Theme Options and then I can modify any given panel from there. The problem I’m seeing is that the very front page (Panel 0, essentially) isn’t one of the ones you can modify. I’ve modified the other pages (or panels, so to speak) to my satisfaction, but I want the very front page to show only the featured image without a color layered over it.

    I contacted support already and they said that this could only be accomplished with CSS customization.

    Any help is appreciated. I’ll quick on my responses. Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    You can change the opacity of that very top panel by adding the following to the CSS section of the Customizer:

    .pique-panel-background {
opacity: 1;
}

    Change the opacity value from anywhere between 0 and 1. For example, if you wanted to set an opacity of 50%, you would change the value to 0.5.

    In addition, you can change the default background colour using the following snippet:

    #pique-hero {
    background-color: #4a3f3f;
}

    Change the value of #4a3f3f to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values.

    Here’s an example of a site that I’ve used before:

    http://www.color-hex.com/

    Hope that’s helpful! Let us know if any extra questions come up.

  • The topic ‘Remove page color on static front page with Pique theme’ is closed to new replies.