Read more button and can't change title color

Hi,

You can chose a different block if you would like to have a Read more button. These are the blocks that currently have this option
– https://demo.tagdiv.com/newspaper/block-24/
– https://demo.tagdiv.com/newspaper/block-23/
– https://demo.tagdiv.com/newspaper/block-22/
– https://demo.tagdiv.com/newspaper/block-20/
– https://demo.tagdiv.com/newspaper/block-13/
– https://demo.tagdiv.com/newspaper/block-12/
The excerpt length can also be controlled in the theme panel
– https://forum.tagdiv.com/excerpts-introduction/
The font properties for the post title displayed on modules can be customized in general, or by module
– https://www.screencast.com/t/4U8nGJja
The excerpt can also be customized here
– https://www.screencast.com/t/Hg1gpyb2Yvo
For the color of the title and excerpt for that block, you can try a code like this
– https://www.screencast.com/t/izroDIlXVtR

.td_block_4 .td-module-title a{
color: #bf0c00;
}
.td_block_4 .td-excerpt {
color: #000;
}

Just enter it in Theme panel->Custom Css section. If you would like it to apply for all then blocks, remove the block class from the beginning of the code.

Thanks

Hi,

This is how the Read more button link is implemented in a module that features it
– https://www.screencast.com/t/U9anLMNaAo
Block 4 uses module 2, you could copy the the code from module 11 inside this one, like this
– https://www.screencast.com/t/gmV6RzxD7
The result would be like this
– https://www.screencast.com/t/wNrd9ETGU7
Now you could add some margin for the button, since it has none
– https://www.screencast.com/t/EbRbD8M9SPR
The code must be entered in Theme panel->Custom Css

.td_module_2 .td-excerpt {
margin-bottom:15px;
}

Thanks

Hi,

Bets you do it in a child theme so it will not be lost after a theme update.

As for the button colors, use this code – https://www.screencast.com/t/1p1BqfoV

.td_block_4 .td_module_2 .td-read-more a{
background-color: red;
color: black;
}

Change the colors as you wish, then enter it in Theme panel->Custom CSS.