Cannot remove color overlay over background and feature image

  • Unknown's avatar
    lighthousesbc1 · Member ·

    I am using the Pique theme and want bright images for my background and feature images. the theme seems to have a color overlay that masks the images on any page or panels. how do i remove this? I cant find the option anywhere in customize menu, looking for some CSS help.
    Thanks!

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

  • Unknown's avatar
    michaelvandenberg · Member ·

    It seems that you’ve already managed to get rid of the overlay: 

    .pique-panel-background::before {
	background: rgba(0,0,0,0.0);
}

    If you want to make your background images even brighter, you should get rid of the opacity: 

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

    I hope this helps! :)

  • Unknown's avatar
    lighthousesbc1 · Member ·

    yes i somehow figured out the overlay part but was not the opacity. thank you so much!

    I am still having some issues however. If i remove the featured image, there is still some sort of semi transparent white visual.. how do i get the background image that i loaded in the customiser menu to come through?

    also.. i have never coded in my life and this is my first wordpress site.. could you please advise on the proper code that i need – ive been playing around trying to figure stuff out but its messy and would like to know what is actually working and what is useless. 

    /*sets the general transparency/opacity for all of the panels on the main page*/
.pique-panel-background::before {
	background: rgba(0,0,0,0.0);
}

/*base overlay color set on the top panel.*/
.pique-panel {
	background-color: rgba(0,0,0,0.0);
}

/* remove opacity */
.pique-panel-background {
	opacity: 1 !important;
}

/* background: rgba(0, 0, 0, 0.00);
} */
.pique-hero {
	background-color: #0000;
	opacity: 1 !important;
}

    thank you SO much!

  • The topic ‘Cannot remove color overlay over background and feature image’ is closed to new replies.