Make header on internal pages transparent

Entrada WP Theme
#1

Hello Sanjeev,

How do I make the area in the attached photo transparent so it does not cover the photo on tour pages and any internal pages across the site. I have it on the home page working however can not get it to work on all other pages.

Thank you

image
image1084×631 136 KB

#2

Hello,

You can do this with adding CSS by going to Appearance >> Customize >> Custom CSS and JS >> Custom CSS and pasting the CSS below there:

.default-page #header {
background: transparent;
}

This will make the header bar transparent in inner pages, as you have mentioned.

Thank you

#3

Sanjeev thank you for your wizardry!!! :slight_smile: worked great

It left a black line across the bottom so I added this code and it removed it

.default-page #header {
border-bottom: 0;
}

Lastly - where the header color was made transparent on the box on the right side the background color is white and the background color below it is grey - is there a way to make it match? See attached circled parts- its hard to see - just seeing if there might be a fix

image
image1096×615 181 KB

#4

Hello,

Please add this to your custom CSS:

.trip-info {
background: #ffffff;
}

Thank you

#5

Thank you Sanjeev- as always worked great!