How to insert a horizontal line between the image previews on the main page in the categories and archives?
Hi,
Use this custom CSS, add it in Theme Panel Custom CSS:
.archive .post {
border-bottom: 2px solid #4db2ec;
margin-bottom: 30px !important;
}
.category .post {
border-bottom: 2px solid #4db2ec;
margin-bottom: 30px !important;
}Result: http://screencast.com/t/IW6U0Czrb
Please note that this custom CSS only applys to Module 1 layout for category page and archive page, if you need to add this border for other than M1 layout, please let me know and i will provide you with the CSS for other layouts.
Also, please give me a link to see where you want to add a border.
Thanks
Lucian,
Good day! I have gone through every entry in the Newspaper Forums that has a solution for adding horizontal lines between posts/titles in modules and blocks.
I’m using module 4 / block 5 and I can’t seem to get it to work using any of the css I’ve found in the Forum. I have managed to give my block and outline, but the separator lines are not working for me.
I hope you have a solution for this.
Have an awesome day!
Philip
Hi,
PLease try this custom css for your home page: http://screencast.com/t/2wAp3ZZ3nJ
.home .span4 .td_block5 .td_mod4{
border-bottom: 1px solid black;
}
Hope this helps!
Hi
I’ve been trying to achieve a horizontal line between posts in a block (Block 21) on the homepage – and have tried to modify the custom css in the above post – but I can’t seem to get it right – Module for categories is M10
I’ve used this – any help appreciated
.home .span4 .td_block21 .td_mod10{ border-bottom: 1px solid black; }
Thanks
Hi
I’ve been trying to achieve a horizontal line between posts in a block (Block 21) on the homepage – and have tried to modify the custom css suggested in the above post – but I can’t seem to get it right – Module for categories is M10
I’ve used this – any help appreciated
.home .span4 .td_block21 .td_mod10{ border-bottom: 1px solid black; }
Thanks
Hello PatWire,
If you want to add a horizontal line between posts from Block 21, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
.td_module_16 {
padding-bottom: 20px;
border-bottom: 2px solid green;
margin-top: 20px;
}
The result is here -> https://www.screencast.com/t/htaXxBaG2
Thanks for the message!
Thanks Catalin
Much appreciated that’s perfect
Best wishes
Pat
