Block İcon Awesome ?

Hi,

You could try the solution provided in this topic – https://forum.tagdiv.com/topic/icon-on-blocks-title/ maybe it is what you are looking for.

Thanks

Hi,

What you need to do is add a custom class of your choosing, in each of the block settings that you want to have an icon in the title – https://www.screencast.com/t/U69AtrhLNDQr
Then using this unique class you can insert an icon from this list – http://fontawesome.io/cheatsheet/ like this – https://www.screencast.com/t/io5XjqVUo and further style it if wish.
When selecting an icon from the list use it like this – https://www.screencast.com/t/JO4biXxoS
Also make sure you have the Font awesome plugin activated in order for this to work.
Please let me know if you need further help or clarifications.

Thanks

Hi,

The code may not work properly for all block header styles, since this is just a workaround solution. For Block Header style 8 you have to use it like this – https://www.screencast.com/t/1epnoMnPFWi
This is the code, just remember to use your own custom class and icon code

.mycustomclass .td-block-title span:after{
content: "\F050";
font-family: FontAwesome;
margin-left:15px;
position:absolute;
color:black
}

Thanks

Hi,

To have the icon to the left of the title try it this way – https://www.screencast.com/t/UMzGCR8ja5

.mycustomclass .td-block-title:before{
content: "\F050";
font-family: FontAwesome;
margin-right: 15px;
color:black;
}

Thanks

Hi,

You can enlarge the font by adding something like this to the code – https://www.screencast.com/t/VFQTdDg9biw
And use the font size you want, just modify it in the code.

font-size: 30px;
line-height: initial;

Thanks