Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Is there a way to add a line that separates the rows?

Featured Lock Resolved Issue
Is there a way to add a line that separates the rows?
like in the attached screenshot :

Attachments (1)

  • line.png
    line.png 238 KB

7 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
yes, you have to use custom CSS and padding/margin between rows.
It's the faster way.

Paul Frankowski - Staff

More than a month ago #Permalink

#sp-page-builder .page-content .sppb-section,
#sp-page-builder .sppb-section {
padding: 15px 0;
border-bottom: 2px solid #D8D8D8;
}

Attachments (1)

  • custom_css_for_pages_sppb.png
    custom_css_for_pages_sppb.png 7.6 KB

omri

More than a month ago #Permalink

#sp-page-builder .page-content .sppb-section,
#sp-page-builder .sppb-section {
padding: 15px 0;
border-bottom: 2px solid #D8D8D8;
}


I'm editing existing article. How to do it in article ?

Paul Frankowski - Staff

More than a month ago #Permalink
If this must be in every article , put it inside here (screenshot)
if template is based on Helix3 template , if not check template manual , where you should put custom CSS

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

omri

More than a month ago #Permalink
If this must be in every article , put it inside here (screenshot)
if template is based on Helix3 template , if not check template manual , where you should put custom CSS


thanks. I need set the separates line only in specific article.
any suggestions ?

Pavel

More than a month ago #Permalink
Why do not you use the inner rows and divider addon?
http://dl4.joxi.net/drive/2017/12/21/0008/0401/545169/69/53fe4ec2b0.png
For clarity, I showed up in the frontend editor, but in articles it too can be used

Paul Frankowski - Staff

More than a month ago #Permalink
option #2 or 3, if we count "Pavel's"
create a extra class name and custom CSS and add this class name to those rows where you need line
---


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 145
Sifat

Sifat

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 59
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 15
Pavel

Pavel

Total Accepted Answers: 6

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us