How to put borders around modules

Posted in: Newspaper
Post count: 19

I would like my modules on http://charlotteareanews.com/areanews/ to look like the blocks on this page: https://www.charlotteagenda.com/category/business/
Each module has a light gray border around it. Then it looks like there is a photo, a tag and a headline in each block. How can I make my Newspaper modules look like that, or do I need another theme?

Post count: 20688

Hi,

You can choose from a big number of blocks, each with a different design and look
https://demo.tagdiv.com/newspaper/block-1/
And choose from the unique theme demos, which are custom made
https://demo.tagdiv.com/select_demo/select_demo_newspaper
I could give you a code to have a border for the modules on your page, and some similar padding like the site you mention
https://www.screencast.com/t/6EAYuXoEdwz
You could also control and limit the length of the article title and excerpt so the modules would be more similar
https://www.screencast.com/t/gTGbwRzh1DZm
You can enable the category tag on the module, and maybe than author name and date as well
https://www.screencast.com/t/MkdO1wCL61
https://www.screencast.com/t/UQnScBe6
This is the code if you decide to use it, enter it in Theme panel->Custom CSS

.td_module_2 {
border: 1px solid #E3E3E3;
}
.td_module_2.td_module_wrap .entry-title,
.td_module_2 .td-excerpt {
padding: 15px 16px;
}

If you want to further customize the module, you could use the browser inspector to identify the elements and classes used, in order to create custom code
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Post count: 19

Thanks Simon for the excellent support!
Buck

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