Hide WordPress TITLE area in Thrive themes using CSS 

 September 20, 2017

By  NickLitten

Hide WordPress TITLE area in Thrive themes using CSS

*phew* That’s 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:

Hide Wordpress TITLE area in Thrive themes using CSS 1

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:

Hide Wordpress TITLE area in Thrive themes using CSS 2

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



IBM i Software Developer, Digital Dad, AS400 Anarchist, RPG Modernizer, Shameless Trekkie, Belligerent Nerd, Englishman Abroad 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 remember: If at first you don't succeed then skydiving probably isn't a hobby you should look into.

Nick Litten

related posts:

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

    Get In Touch

    Iā€™m always looking for awesome input, feedback and critique!


    Snug CBD

     20% Discount

    I have partnered with SNUG CBD givING you Organic CBD
    20% discount code "NL20"