Archived topic

How to remove black background text box from page title header format?

3 replies · Started by Daryl on January 23, 2019

Viewing posts 1–4 of 4

January 23, 2019 at 8:38 pm #790620

I am trying to figure out how to remove the black background text box from the title page headers on some of my pages. I can't seem to find this setting anywhere. I'd like to style the text (perhaps with a shadow) so that it can be seen directly over the header page photo with no solid background color. Ideally I would like the header text to scroll over the fixed header image. Here is an example of one of the pages I'd like to remove the black box from.

http://sylvanrocks.com/climbing-devils-tower/

Thanks for any tips you may have.

January 23, 2019 at 8:40 pm #790621

Hi there,

Go to Additional CSS field in the customizer and remove this block of CSS:

/*PAGE HEADERS */

.generate-inside-page-header-content h1{
	background-color:#0c0c0d;;
	padding:12px 33px 12px 33px;
        box-shadow:0px 0px 30px 0px 
        rgba(12,12,13,0.66);
	text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
}

Let me know if this helps :)

January 23, 2019 at 10:01 pm #790640

Thanks Leo. With your help on where to go for these settings we were able to change the background color of the text box to grey transparent and like the look much better. You can check out the updates in the link above. Thanks for your help!

January 24, 2019 at 9:13 am #791198

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.