WordPress.org

Ready to get started?Download WordPress

Forums

HMS Testimonials
[resolved] Change style for beginners? (7 posts)

  1. m.huebel
    Member
    Posted 11 months ago #

    Hi Jeff.

    I was wondering if it is possible to describe me how I can change the line-height of the testimonials. I would like to make them look like the other widgets in my sidebar. They are all using about 3.0 line-height.

    But I am a beginner - so ... is there a possibility to make me find my way through the .css jungle? I opened the query-ui.css but got lost.

    Regards!
    Melanie

    http://wordpress.org/plugins/hms-testimonials/

  2. Jeff K
    Member
    Plugin Author

    Posted 11 months ago #

    Hey Melanie,

    The jquery ui css is for stuff in the wp-admin. WordPress (the people) don't allow you to link to external resources which is why I had to include a stripped down version in the plugin.

    Each testimonial is wrapped in a hms-testimonial-container class.

    You could add something like below to your themes style.css.

    .hms-testimonial-container .testimonial { line-height: your-height-here }

    Then don't forget to clear your cache or do a hard refresh for the new css to be loaded.

    Jeff

  3. m.huebel
    Member
    Posted 11 months ago #

    Hi Jeff. Many thanks! I understood your explanation and it works.

    For all beginners like me: I logged into my ftp account with cyberduck. Opened wp-content > themes > and then in my child theme I found the style.css

    I edited style.css with golive. I pasted jeffs line from above and could adjust the line-height by entering 1.8 (or any other number …)

  4. m.huebel
    Member
    Posted 11 months ago #

    One more thins, Jeff, please -

    how do I fit in a margin after the author? Or change the authors line-height?

    Because now I have 2 different line-heights I guess. The author is too close to the first line of the text and in comparison to the text line-height after I changed it to 1.8 (see your instructions above).

    I tried:
    .author .testimonial { line-height: 1.8 }
    and:
    .author .testimonial { margin: 0.9 }

    But as I said ... beginner ... this did not work :-/

    Many thanks ...

  5. Jeff K
    Member
    Plugin Author

    Posted 11 months ago #

    Give this a whirl.

    .hms-testimonial-container .author { line-height: 1.8; margin: 0.9; }

    Jeff

  6. m.huebel
    Member
    Posted 11 months ago #

  7. Jeff K
    Member
    Plugin Author

    Posted 11 months ago #

    :)

    You're welcome.

Reply

You must log in to post.

About this Plugin

About this Topic