Line to seperate simple lists block

phreshcareco · October 8

Hey guys,

Was hoping someone could help me out with some code to add line breaks to my simple list block. Lines need to be vertical in desktop version but horizontal on mobile.

website -https://phreshcareco.com.au/
Password - Test123

Cheers in advanced.

Ziggy · October 9

Try this Custom CSS:

@media only screen and (min-width:768px) {
  .user-items-list-simple .list-item:nth-child(n+1) {
    border-left: 1px solid white;
  }
}
@media only screen and (max-width:767px) {
  .user-items-list-simple .list-item:nth-child(n+1) {
    border-top: 1px solid white;
  }
}

phreshcareco · October 9

@Ziggy Thankyou so much .

Ziggy · October 9

7 minutes ago, phreshcareco said:

@Ziggy Thank you so much.

No problem!

Line to seperate simple lists block

Recommended Posts

phreshcareco

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

phreshcareco

Posted Images

Ziggy

Link to comment

phreshcareco

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

phreshcareco

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources