• Resolved kcmuppet

    (@kcmuppet)


    I’m using this short-code:
    [testimonials_cycle random="true" count='11' theme='default_style' use_excerpt='0' show_thumbs='1' transition='fadeout' timer='8000' pager='1']

    and I’m trying to remove italics from everything except the actual testimonial quote:

    p.easy_testimonial_title{
    font-style: normal; font-weight: bold;
    }
    
    p.testimonial-client{
    font-style: normal; font-weight: bold;
    }
    
    p.testimonial-position{
    font-style: normal; font-weight: bold;
    }
    
    p.testimonial_author{
    font-style: normal; font-weight: bold;
    }

    …but while font accepts the bold style, it remains steadfastly italic. What am I doing wrong?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor richardgabriel

    (@richardgabriel)

    Hello!

    If you use a tool like Firebug, you can tell if your styles are being overridden by something else.

    To prevent this, you can always throw !important in there — for example p.testimonial_author{ font-style: normal !important; } — that will prevent it from being overridden, if that is the issue.

    Best,
    Richard

    Thread Starter kcmuppet

    (@kcmuppet)

    Hi Richard, thanks for your suggestions. I’ve now got:

    p.easy_testimonial_title{
    font-style: normal !important; font-weight: bold;
    }
    
    p.testimonial-client{
    font-style: normal; font-weight: bold;
    }
    
    p.testimonial-position{
    font-style: normal !important; font-weight: bold;
    }
    
    p.testimonial_author{
    font-style: normal !important; font-weight: bold;
    }
    
    p.testimonial_client_name{
    font-style: normal !important; font-weight: bold;
    }
    
    p.testimonial_client_company_name
    {
    font-style: normal !important; font-weight: bold;
    }

    …but sadly it hasn’t made a difference – they’re all still italic.

    I had a look at firebug – it looks a little overwhelming. Where in it would I be able to see what is being over-ridden? Would it be obvious also using the inspect element thing in chrome? Not sure what I’m looking for.

    Plugin Contributor richardgabriel

    (@richardgabriel)

    Hey KCMuppet!

    That’s not something I can really answer succinctly — You’ll want to see which style is applying italic to your fonts, and then use a more specific CSS targeting method to override it. You’ll need some familiarity with CSS to undertake this, for sure.

    Chrome’s Inspector, or any other, would work too — I personally prefer Firebug.

    I hope you’re able to get it working optimally!

    All the best,
    Richard

    Thread Starter kcmuppet

    (@kcmuppet)

    OK…well thing thing is, I don’t have any other italic fonts anywhere on the site…

    Plugin Contributor richardgabriel

    (@richardgabriel)

    Hey Kcmuppet!

    Just because you don’t see them elsewhere doesn’t mean there isn’t CSS making it italic! Something has to be 🙂

    We don’t italicize anything in the base plugin — our Pro themes have some more advanced styling, out of the box. Are you using one of our Pro themes? If so, go ahead and send an e-mail to hello@goldplugins.com and someone will help you get it sorted.

    All the best,
    Richard

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Font style css’ is closed to new replies.