Change Font Color for Blocks

Posted in: Newspaper
Post count: 95

Hello,

In a 1/3 + 2/3 row I am using Block 9 in the 1/3 column with a dark blue background. How do I change the text color in this block only from black to white, remove the divider, and add the date next to the author? In the following link you can see an example of what I am trying to do in Screen Shot 1 and what I am trying to replicate from another site in Screen Shot 2.

https://we.tl/t-T6dD9ul2qI

Thanks

Post count: 35449

Hi,

In order to show the date please go in Newspaper> theme panel> block settings > meta info on modules/blocks and activate the data https://www.screencast.com/t/cz2V8J84

For the second part you need to ad this custom css in Newspaper> theme panel>Custom code>Custom css
.td_block_9 a{
color: white;
}
.td_block_9 .td-post-date{
color: lightblue;
}
.td_block_9 .td_module_8{
border-bottom: 0;
}

You can change the color and ad more parameters if you want
Results:
https://www.screencast.com/t/XxrXkTS5j
Hope this will help you.

Thanks.

Post count: 95

Thanks for your help. I may need some more help please.

So I have managed to do this – https://we.tl/t-pBb548MgV8 . However, it does not look as nice and clean as the second screenshot I sent yesterday.

How do I make the text bigger, bolder. How do I add the section title and center it? I would like to replicate this https://we.tl/t-N9IthhbMKL as close as possible.

I also would like to show the date on this block only. Not any other blocks. I think if I do what said above for the date it will show on all blocks.

Please help me perfect what I have.

Thanks.

Post count: 35449

Hi,

If this is what you want https://www.screencast.com/t/fNF1xeygm
then please replace the above css with this one
.td_block_9 a{
color: white;
}
.td_block_9 .td-post-date{
color: lightblue;
}
.td_block_9 .td_module_8{
border-bottom: 0;
}
.td_block_9 .td-module-comments{
display: none;
}
.td_block_9 .td-block-title span{
border-bottom: 3px solid lightblue;
}
.td_block_9 h3 a:hover{
color: lightblue!important;
}
.td-post-date{
display: none;
}
.td_block_9 .td-post-date{
display: inline-block;
}

Activate the date from theme panel.
The background color is:
And follow the screenshots: #33434d
https://www.screencast.com/t/PbAXjqwHbj7
https://www.screencast.com/t/ElrjkScIurMy
https://www.screencast.com/t/RQztmRueUB
Hope this will help you.

Thanks.

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