How to customize arrow pointing down effect on the block header?

Posted in: Newspaper
Post count: 65

Hi,

in the City News demo https://demo.tagdiv.com/newspaper_city_news/ there is a different way from other demos of styling block headers. How is it achieved? I could not find anything using tagdiv composer settings. Is it in CSS? I’d like the arrow to be in the middle.

https://pasteboard.co/HX0eUT8.jpg

THanks!

Post count: 20688

Hi,

That is block header template 4 – https://demo.tagdiv.com/newspaper/block-header-4/
A block header template can be selected in general, in the theme panel
http://prntscr.com/m8x6nc
Per block it can be done in the composer – http://prntscr.com/m8x78r
The per block setting will override the general setting.

So you want to customize it so that the bottom arrow be in the middle of the block title, something like this would work – http://prntscr.com/m8x5qq

Enter this code in Theme panel->Custom code CSS section

.td_block_template_4 .td-block-title>*:before {
left: 0;
right: 0;
}

All elements that use this block header will be affected by this customization. Let me know if you have more questions.

Thanks

Post count: 65

Wow such a complete answer! Thank you so much, it explains everything I needed 🙂

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