CSS not working on shortcodes-please help

Your CSS targets blockquote, yet the HTML you show doesn’t include that element.

Try:

q {
font-size: 20em;
}

Yes sorry I didn’t paste all my HTML

[moderator note: make sure to mark any posted code; see https://codex.www.ads-software.com/Forum_Welcome#Posting_Code ]

div class="review female">

<blockquote>
<q style="background-color:#bce859;color:#000000;">My skin feels better, my digestive system lighter, my mental state lighter too and less sluggish. Overall I’m feeling a lot healthier than I was.” </q>

</blockquote>

Unfortunately your suggestion of using q in CSS didn’t work either. I have tried various combinations including

blockquote q{
font-size:24px;
}

I have also tried adding the style within the HTML but this didn’t work either. ??

Can you post a link to your site?

https://www.debbiewatkins.com

div.reviews q {
font-size: 14px;
}

Perfect-Thank you
??

sorry realised its fine in Firefox but doesn’t work in Safari or Chrome- any suggestions I’m baffled.

what if you use this as the selector:

div.reviews div.review blockquote q

No.
No good I’m afraid.

Try adding:

div.reviews q {
font-size: 14px !important;
}

I’m not sure where you’re adding the style info. There’s a lot of inline CSS in the header of the page. If you’re adding the new rule to an external style sheet, it will get overridden by what’s in the page itself by default.

I’m not sure why it would be different between Firefox, Safari and Chrome though. Make sure you’re not looking at cached pages in each browser just to be sure.

Thank you but still no good.
Cleared caches in browser.

I’m adding CSS to the custom CSS in Theme Options. The inline style is what is created in the short codes, i have even tried to add the font CSS in the inline code but still no good.
Cant understand why this is not working in some browsers, all I want to change is font size!

Can you talk to your theme’s vendors of this? Quite possibly your theme’s custom css isn’t working, or isn’t working as we would expect in a theme distributed on www.ads-software.com.

Use the following in your style.css:

.post-content blockquote *:last-child{
font-size: 2em !important;
}

Change the size to your liking and try it without the !important first.
I believe you were not adding the font size to the right class/element.

Brilliant thanks that code sen to work in Safari and Chrome