Docs

[lyrical]

Hi – I want to change my background images on my pages, but I would like to have a default semi-transparent color to overlay them. Is this possible with CSS?

[lyrical]

Integrity theme

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[lyrical]

http://newberryconsort.org/newwebsite/history/

I’m also having a really weird portfolio problem with the header and actually the whole page at http://newberryconsort.org/newwebsite/artists/david-douglass/

[Rupok]

Hi there,

Thanks for writing back.

#1. To add a semi-transparent layer over the background image, You can add this under Custom > CSS in the Customizer.

.backstretch::after {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#2. To fix the header issue, let adjust the Navbar Top Height from Customize > Header > Navbar – http://prntscr.com/bdbc7k

Let’s remove that or use a higher value (125px maybe?)

Also you have added the following CSS that’s turning the content area weird :

.blog .entry-wrap, .single .entry-wrap {
  background-color: #dfd9c3;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
}

Kindly remove the max-width: 600px; to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

Hope this makes sense.

Cheers!

[lyrical]

Thank you so much!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts