0
Welcome Guest! Login
0 items Join Now

Displaying a horizontal line to separate articles in Article Blog view

    • sseguin's Avatar
    • sseguin
    • Hero Rocketeer
    • Posts: 445
    • Thanks: 2

    Displaying a horizontal line to separate articles in Article Blog view

    Posted 11 months 3 weeks 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: 11 months 3 weeks ago by sseguin.
    • www.SlopeEdge.com - Dedicated to getting you up close and personal with skiing and adventure.
      www.RadioHeteroglossia.com - Featuring academic conversations on social issues.
      www.OTrainFans.ca - Ottawa's LRT Rail Enthusiasts.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 86464
    • Thanks: 11144
    • Web Designer/Developer

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

    Posted 11 months 3 weeks 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.
    • sseguin's Avatar
    • sseguin
    • Hero Rocketeer
    • Posts: 445
    • Thanks: 2

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

    Posted 11 months 3 weeks 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: 11 months 3 weeks ago by sseguin.
    • www.SlopeEdge.com - Dedicated to getting you up close and personal with skiing and adventure.
      www.RadioHeteroglossia.com - Featuring academic conversations on social issues.
      www.OTrainFans.ca - Ottawa's LRT Rail Enthusiasts.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 86464
    • Thanks: 11144
    • Web Designer/Developer

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

    Posted 11 months 3 weeks 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.

Time to create page: 0.074 seconds