Add Lines between posts of [tagDiv] Block 4

Posted in: Newspaper
Post count: 53
ntoulios88
#19975
Sep 2, 2014 at 1:16 pm

Hi

I have add the block 4 on my sidebar to show the popular post of 7 last days

(http://www.alexiptoto.com/sacco-%CE%BA%CE%B1%CE%B9-vanzetti-%CE%B7-%CE%BC%CE%BF%CF%85%CF%83%CE%B9%CE%BA%CE%AE-%CF%85%CF%80%CE%BF%CE%BA%CE%BB%CE%AF%CE%BD%CE%B5%CF%84%CE%B1%CE%B9-%CF%83%CF%84%CE%B7%CE%BD-%CE%B5%CE%BB%CE%B5/)

I would like to add between the posts a horizontal line to separate them instead of to be blank white. Can you tell me from which file I add the code….

Post count: 388
TheMediumUTM
#20038
Sep 3, 2014 at 5:58 am

Try this CSS in the Custom CSS section of your theme panel:

.widget .td_mod_6 {
  border-bottom: 1px solid #7d7d7d;
}

Change the hex code to whatever colour you want.

To adjust the spacing, you can add

` margin-bottom: 10px !important;
}

After the border-bottom line, adjusting the px as required.

Post count: 6600
Lucian
#20075
Sep 3, 2014 at 2:45 pm

Hi,

Thanks @TheMediumUTM!
Using .widget class will not work because the block dose not have a parent container with that class, best will be to use the css like this:

.td-post-sidebar .td_mod6 {
  border-bottom: 1px solid #7d7d7d;
}

Result: http://screencast.com/t/oxKbz3Sd8ca1
This will work only for post page template, you need other css for other sidebars.

Thanks

Post count: 388
TheMediumUTM
#20086
Sep 3, 2014 at 4:51 pm

(Thanks for the clarification 🙂 I’ve done enough now with my site that I can’t always play around and replicate to make 100% sure…)

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