width of widget title background color

Posted in: Newspaper
Post count: 2
nijukuma
#73950
Oct 13, 2015 at 5:37 am

How can I increase the width of widget title background color ?

http://www.screencast.com/t/2L9hXbxnR0

Regards
Niju

Post count: 7909
Alin [tagDiv]
#73995
Oct 13, 2015 at 11:36 am

Hi,

You could add this custom css in Theme Panel > Custom Css to apply this for WP widgets – http://screencast.com/t/Z6BpWlaSqx

.widget .block-title > span, .widget .block-title > a, .widget .block-title > label {
width: 100%;
}

Thanks!

Post count: 2
nijukuma
#74044
Oct 13, 2015 at 3:21 pm

Thank you, this is working for general widgets.

But when I added [tagDiv]Block 1, [tagDiv]Block 3, [tagDiv]Author box etc… in sidebar above code is not working.

Please check this screenshot – http://www.screencast.com/t/p0qjBDMB

Regards
Niju

Post count: 22421
Bogdan B.
#74055
Oct 13, 2015 at 4:26 pm

Hi,
You can use this code for our blocks.

.td-ss-main-sidebar .block-title > span, .td-ss-main-sidebar .block-title > a{
width:100%;
}
.wpb_widgetised_column .td_block_wrap span{
width:100%
}

Thanks

Post count: 13
sivarathan
#74517
Oct 15, 2015 at 8:03 pm

Search for this code and replace inline-block with block Hope this will be very simple than the other one 🙂 .block-title a,
.block-title span,
.block-title label {
/* label is for jetpack */
line-height: 17px;
display: inline-block;
padding: 7px 12px 4px 12px;
background-color: #222222;
color: #fff;
}

The corrected code will be look like this .block-title a,
.block-title span,
.block-title label {
/* label is for jetpack */
line-height: 17px;
display: block;
padding: 7px 12px 4px 12px;
background-color: #222222;
color: #fff;
}

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