WordPress.org

Forums

HMS Testimonials
[resolved] changing font-size in rotating widget (7 posts)

  1. catwingz
    Member
    Posted 2 years ago #

    This is a great plugin! I am using a child theme of Luminescence Lite and having no success with changing the styles for the sidebar widget. Once I get it up to a larger size I will probably want to do something different with the author, etc, but first I need to gain access. My latest attempt is

    #left-column.span4.equaldiv #equal-well #hms-testimonial-vulYA .hms-testimonials-rotator .hms-testimonial-container #SBtestimonial .testimonial{ font-size: 16px; }

    The extra id is from the Widget CSS Classes plugin and didn't make any difference so it will be deleted.
    The site I am working on is here.
    thank you

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

  2. Jeff K
    Member
    Plugin Author

    Posted 2 years ago #

    Don't use #hms-testimonial-vulYA , that will change on every page load. In fact that might be your issue since .hms-testimonials-rotator and #hms-testimonial-vulYA are the same element.

    #left-column.span4.equaldiv #equal-well .hms-testimonials-rotator .hms-testimonial-container #SBtestimonial .testimonial {
    font-size: 16px;
    }
  3. catwingz
    Member
    Posted 2 years ago #

    Thanks, that's good to know.

    Unfortunately it didn't have any affect. Can you suggest any next steps?

  4. Jeff K
    Member
    Plugin Author

    Posted 2 years ago #

    #left-column.span4.equaldiv #equal-well .hms-testimonials-rotator .testimonial {
    font-size: 16px;
    }
  5. catwingz
    Member
    Posted 2 years ago #

    Sadly, I think that's an option I tried before. There is no change, and it doesn't make sense. I wondered if it might have something to do with being dynamic which is beyond me… Any other suggestions?

  6. Jeff K
    Member
    Plugin Author

    Posted 2 years ago #

    No it's just getting the right combo of css.

    #left-column.span4.equal #equal-well .hms-testimonials-rotator .testimonial {
    font-size: 16px;
    }

    Notice div is gone off the #left-column.span4.equal part.

  7. catwingz
    Member
    Posted 2 years ago #

    I had to take some time off from this, so apologies for the delay.

    This worked perfectly and opened the door for me to style the "read more" and the author as well.

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HMS Testimonials
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic