Divider between articles module 10

Posted in: Newsmag
Post count: 52
Roboman
#86513
Dec 30, 2015 at 6:14 pm

I would like to have a divider between articles in module 10 but only in mobile view:

@media (max-width: 767px)

@media (max-width: 500px)

Now I have been experimenting with border-bottom and padding but the result is not satisfying and it does show only on pagenumber 1 and not 2 and up.
Is there a way to put a <HR> between the articles or is there another way?

Thanks

Post count: 1291
Emil G
#86592
Dec 31, 2015 at 12:08 pm

Hi,

If you want to add this condition for screens between 500px and 767px the media query looks like this:

@media(min-width: 500px) and (max-width: 767px) {
...
}

The code should look something like: – http://screencast.com/t/riPU6YZW

@media(min-width: 500px) and (max-width: 767px) {
.td_module_10 {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 15px;
}
}

Thank you!

  • This reply was modified 10 years by Emil G.
Post count: 52
Roboman
#88506
Jan 11, 2016 at 9:18 pm

Awesome!
This works great.

Thank you very much!

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