Skip Navigation

[Resolved] add horizontal line between news posts

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the user wanted to add a horizontal line after his posts.

Solution:

This can be done by using the

tag.

This support ticket is created 6 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 9 replies, has 2 voices.

Last updated by emilyr 6 years, 5 months ago.

Assisted by: Shane.

Author
Posts
#1100717
Screen Shot 2018-09-05 at 12.42.43 PM.png

hi— i've got my news archive view working really well and am now trying to add a horizontal line in between my posts. the issue is that when i add either an <hr> or <div> tag after my fields, the lines are showing up all bunched at the top of my list. how can i add a line as i have it in the image?

page is here: hidden link

thanks!

#1100793

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Emily,

Thank you for contacting our support forum.

This seems to be just horizontal rule tag. Just add this to your view <hr />

Thanks,
Shane

#1100845
Screen Shot 2018-09-05 at 5.08.11 PM.png

hay shane—
as i mentioned in my ticket, when i add the <hr /> tag the lines dont appear between the posts, but instead bunched up towards the top of the page (see image).

below is the code thats being used on the page now, but i've tried a bunch of other things too. what am i missing?

<div class="news-container">
    <div class="float quarter">
    <div class="news-month">[wpv-post-date format="F"]</div>
    <div class="news-day">[wpv-post-date format="d"]</div></div>
  <div class="float three-quarters"><div class="news-title">[wpv-post-link]</div>
    <div class="news-excerpt">[wpv-post-excerpt]</div></div>
    <hr /></div>
#1101626

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Emily,

Try adding it like this.

<div class="news-container">
    <div class="float quarter">
    <div class="news-month">[wpv-post-date format="F"]</div>
    <div class="news-day">[wpv-post-date format="d"]</div></div>
  <div class="float three-quarters"><div class="news-title">[wpv-post-link]</div>
    <div class="news-excerpt">[wpv-post-excerpt] <hr /></div></div>
    </div>

Having the <hr /> within the excerpt div.

Thanks,
Shane

#1101636

when i do that, the line appears under the excerpt only. as you can see from that image i sent over earlier, i'd like that line to appear under the date as well. how can i do that?

#1101676

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Emily,

Would you mind allowing me to have admin access to the website to have a look ?

The private fields will be enabled for your next response.

Thanks,
Shane

#1101680

sure... though the private fields didnt show up?

#1101802

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Emily,

Sorry the field should be active now.

#1101822

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Emily,

It should be fine now.

Thanks,
Shane

#1101823

terrific, thanks shane