0
Welcome Guest! Login
0 items Join Now

Displaying a horizontal line to separate articles in Article Blog view

Last Post
Search Topic
    • Michael's Avatar
    • Michael
    • Hero Rocketeer
    • Posts: 448
    • Thanks: 2

    Displaying a horizontal line to separate articles in Article Blog view

    Posted 5 years 4 months ago
    • Hello, would there be a way to insert a horizontal line between each article that displays in Article Blog view? It would make for a cleaner layout.

      Currently using Helium template on our site at www.otrainfans.ca

      Thank you.
    • Last Edit: 5 years 4 months ago by Michael.
    #1398977
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Displaying a horizontal line to separate articles in Article Blog view

    Posted 5 years 4 months ago
    • Sorry but where do you mean? Please do a screenshot of your problem and annotate to make it clear. I see only a third-party extension and not a joomla blog view?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1398985
    • Michael's Avatar
    • Michael
    • Hero Rocketeer
    • Posts: 448
    • Thanks: 2

    Re: Displaying a horizontal line to separate articles in Article Blog view

    Posted 5 years 4 months ago
    • Hi Mr. T,

      You can see a test page setup here: www.otrainfans.ca/dev

      I would like horizontal lines to separate each article.

      Here's a mock up

      Also, is there a reliable way to control the spacing between the articles? To add more space above and below the horizontal line?


      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 5 years 4 months ago by Michael.
    #1399011
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Displaying a horizontal line to separate articles in Article Blog view

    Posted 5 years 4 months ago
    • Please can you alwasys ensure that you turn off jch_optmize (or rokbooster) and clear server cache before asking for help in forum otherwise we cannot see the code properly.


      Use this code...
      div[class^="leading-"] {
    padding-bottom: 1rem;
    border-bottom: 1px solid lightgray;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1399020

Time to create page: 0.054 seconds