Hide WordPress TITLE area in Thrive themes using CSS

Programming

Sep 20

Hide WordPress TITLE area in Thrive themes using CSS

 *phew* Thats a sentence and a half. Sadly, if you are nerdy, geeky, keyboard inclined and in touch with your web-design genes then that will make sense. You’re probably only reading this because you specifically googled something like “hide wordpress title using css” so that makes you just as much as a propeller head as me. #nuffsaid

 

Anyhoo, I was working on Uncle Dave’s Projex Academy website – powered by WordPress and using the excellent THRIVE themes. In this case using the rather beautiful theme called SQUARED. But, the BIG RED TITLE box was just annoying the socks off me. I could not find a way to suppress this title area using the standard theme settings so had to dingle around with CSS until I found a solution.

It used to look like this:

That title area saying “SHOP” is a big distraction since I just want to display the product list itself.

So, after some playing around I found the CSS descriptor and added a line of CSS to the theme over-ride.

Just add this:

div.hru.tcbk {display:none}

Now it looks cleaner and simpler:

Easy to add this – just click on APPEARANCE and THEME CSS. Theme instructions here

#nice

Follow

About the Author

IBM i Software Developer, Digital Dad, AS400 Anarchist, RPG Modernizer, Alpha Nerd and Passionate Eater of Cheese and Biscuits. Nick Litten Dot Com is a mixture of blog posts that can be sometimes serious, frequently playful and probably down-right pointless all in the space of a day. Enjoy your stay, feel free to comment and in the words of the most interesting man in the world: Stay thirsty my friend.