Fade out Page Title

[arndtk]

Hi!

I want to fade out the page title, NOT disable the title from the page, only fade out the title!

So i can use the page title background as a small line.

How can i make this possible?

Regards
Arndt

[Raghavendra]

You can do this in Custom CSS –

#title-area h1, #title-area h2 {
opacity: 0;
}

[arndtk]

Hi!

Hmm, i don’t get it to work.

See here:
http://www.testbetrieb.info/germann/?page_id=5246

The Title “Filterable Portfolio” is still visible.

Regards
Arndt

[Raghavendra]

Pls try this since you have font tag displaying the title –

#title-area h1, #title-area h2, #title-area font {
opacity: 0;
}

[arndtk]

Hi!

Sorry, but it’s still visible:
http://www.testbetrieb.info/germann/?page_id=5246

Regards
Arndt

[Ernesto]

Hi! I see that the title Firterable Portfolio is now not visible. Did you manage to solve the problem?

CHeers!

[arndtk]

No, its still visible. See attached picture.

Regards
arndt

[Raghavendra]

You can try to input the above custom CSS we sent into custom/custom.css file so that the title is not visible all the time. At present, it shows up briefly and then vanishes since the Custom CSS is part of the page being loaded.

Thanks

[arndtk]

Hi!

I’ve insert the code into the custom css section, but the text is still visible.

Maybe we can find another solution. I want an orange line for separating the header and content area. It was my idea to make it with the title header without text. Now i have insert the line into the background picture of the header section and disable the title header.

But now, the content area starts behind the header .. as you can see here:
http://www.testbetrieb.info/germann/?page_id=5246

So it would be ok for me, if you can help me with this issue. After that, i’m happy. 😉

Regards
Arndt

[Ernesto]

Hi! Please enter the following CSS code in your Coustom CSS Section.

#hfeed {padding-top: 135px;}

Cheers!

[arndtk]

I’m sorry, but it don’t work! 🙁

[Ernesto]

Hi!! Try out the following code, it should work fancy.

#main {padding-top: 135px!important;}
Cheers!

[arndtk]

Works!!

Thank you!

[Author]

Posts