WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Adding a divider line (5 posts)

  1. 100Stainless
    Member
    Posted 3 years ago #

    How do you add a divider line inbetween testimonials?

    Thanks

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    you might need to edit style.css of your theme:

    css border
    http://www.w3schools.com/css/css_border.asp

    link to your site, to illustrate your problem?

  3. 100Stainless
    Member
    Posted 3 years ago #

    Could I send you the website address so you know what type of line I mean please?

  4. 100Stainless
    Member
    Posted 3 years ago #

  5. alchymyth
    Forum Moderator
    Posted 3 years ago #

    the html structure of the testimonial section is not structured to allow for an easy solution;

    example structure from the existing testimonials:

    <div class="DisplayItem">Dear Mister</div>
    <p>We are very pleased with the result,
    ramble ramble ....
    ... and compliment a great product.</p>
    <p>With best wishes.</p>
    <p><strong>Mr & Mrs Jones (City)</strong></p>

    ideally, this section would be wrapped in a html tag with its own css class;
    example:

    <span class="testimonial">
    <div class="DisplayItem">Dear Mister</div>
    <p>We are very pleased with the result,
    ramble ramble ....
    ... and compliment a great product.</p>
    <p>With best wishes.</p>
    <p><strong>Mr & Mrs Jones (City)</strong></p>
    </span>

    and add a new style to style.css of your theme:
    span.testimonial { display: block; border-bottom: 1px solid #ccc; }

    [duplicate thread: http://wordpress.org/support/topic/how-do-i-add-in-a-div-line?replies=3; please continue with the other thread; this one is closed per forum rules]

Topic Closed

This topic has been closed to new replies.

About this Topic