Block Title Style

Hi,

To make all your block titles look like in the first screenshot, enter this code in Theme Panel->Custom Css (you can change the color to whatever you like)

.block-title, .block-title span, .td-block-title-wrap {
background-color: #4db2ec!important;
}
.block-title {
border-bottom: none;
}

The result – http://screencast.com/t/zH1mERPtwI
As for the second screenshot, the site uses a background-image for the block titles, see here – https://slice42.com/wp-content/themes/Slice42/assets/actus.png

Thanks

Hi,

In order to make something like that first you need a background image of your choosing for the block title span (in this case an image of 106x34px) then use this code (this is for block 1 – you can change it if you have different blocks)

.td_block_1 .block-title span {
width: 106px;
height: 34px;
background-image: url(https://slice42.com/wp-content/themes/Slice42/assets/actus.png);
text-indent: -5000px;
background-color: transparent!important;
}
.td_block_1 .block-title {
border-bottom: none;
}

In the background-image put the url to your image(i used the image from above – you can test with it)
Result example – http://screencast.com/t/e1iuRqdH9
Let me know if this works for you

Thanks

• This reply was modified 9 years by Simion C..