Background color

Home Forums AB Testimonials WP Plugin Background color

This topic contains 1 reply, has 2 voices, and was last updated by  ab-themes 8 years, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11005

    nielsleslie
    Participant

    Hi, what a good looking plugin! It seems it’s made for a white background. My site is an other color. So it sticks out a bit. How can I change that? lesliepringle.com

    Also in your example the client name is on top of their company name. On my page they sit next to each other. How can I change that? I have very little knowledge of css if that’s what needed…

    ps. I’m using it for cool and famous movie quotes…

    Kind regards,

    Niels Leslie

    #11017

    ab-themes
    Keymaster

    Hi!

    So you’ll need to edit the css a bit, but we’ll guide you how.

    Since you’re using child theme, and already has some css stlyes from the testimonials there, you just need to go to your child theme style.css and on line 35 change the

    .ABt_testimonials_slide li {
        display: block;
        margin: 0;
        padding: 0;
        width: auto !important;
        background: transparent;
    }

    On line 83 you also need to change this:

    .ABt_testimonials_slide .testimonial_small p {
        font-style: italic;
        border-bottom: 5px solid #FFF;
        margin-bottom: 26px;
    }

    So that the line is more visible on your background. We put it to white (#fff). And last on line 89 change this:

    .ABt_testimonials_slide .testimonial_small p:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-left: 16px solid #fff;
        border-bottom: 22px solid transparent;
        position: relative;
        top: 27px;
        left: 20px;
    }

    We’ve also put the triangle part to white (border-left). You can change this to your liking of course. As for changing that the name is on top of the movie just add this css, in your style.css:

    .ABt_testimonials_slide .testimonial_small .source .ABt_author{
        display:block;
    }

    That should do it :)

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Background color’ is closed to new replies.