Help me achieve this look change on sidebar title

Posted in: Newspaper
Post count: 436
Nano
#137571
Oct 7, 2016 at 6:09 pm

So, this is how it looks by currently:

I want it to be clean like this:

So, mainly I want to remove the box and have only BOLD TITLE TEXT with a BOLD LINE Below. Will you help me achieve this customization?

Thank you.

Post count: 22421
Bogdan B.
#137773
Oct 10, 2016 at 9:36 am

Hi,

The css code or this element is quite a mouthful as it affects a bunch of different elements.
Here it is: 

.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{
background-color: rgba(6, 122, 180, 0)!important;
}
.block-title a, .block-title span, .block-title label{
color:#2196F3!important;
}

You can change the colors to your liking. I set the background transparent and the text blue, but not sure it’s the blue you are looking for.

Thanks.

  • This reply was modified 9 years by Bogdan B..
Post count: 436
Nano
#137845
Oct 10, 2016 at 1:42 pm

Hi Bogdan..!

Thank you for this. It worked with few error. 🙂
In this line of code :

#2196F3!important;

It gives and error and it says ” EXPECTED RBRACE AT LINE 74 COL 1″ and because of this , the Title text is invisible. http://i.imgur.com/mcH6uBV.png
Please give the code one more look.

and please make the height of the line little more..and perhaps I can change the fonts, size and nature of title text from “Theme fonts setting panel. Right?

Thank you very much

Post count: 22421
Bogdan B.
#137882
Oct 10, 2016 at 3:47 pm

Sorry about that. My bad :D. I did not copy all of the code correctly. I adjusted it now and it should work as intended.
The line-height, and font can be changed from the theme panel here: http://screencast.com/t/9bvg7JTgvC
Thanks.

Post count: 436
Nano
#138040
Oct 11, 2016 at 10:41 am

It worked. Thank you 🙂 ,

BDW, the line height which I asked about is not the line height of fonts. I was asking about broaden the the volume of the horizontal blue line placed below the title text… Have a look if you understood what I mean..

Thank you very much again 🙂

  • This reply was modified 9 years by Nano.
Post count: 22421
Bogdan B.
#138071
Oct 11, 2016 at 12:38 pm

The bottom border for the block titles can be made thicker with this code:
.block-title {
border-bottom: 3px solid #067ab4!important;;
}

Thanks.

Post count: 436
Nano
#138077
Oct 11, 2016 at 12:55 pm

Long live 🙂

Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.