[NaturalifeParticipant]

Hello,

I was wondering if you could tell me how I can globally set the size of the font in the block quotes strictly for mobile view. I figured out how to do it for all views–it looks great on desktop but it is too large on mobile view.

Also, when I use just [blockquote] TEXT [/blockquote], the styling is fine. But when I use ‘[blockquote cite=”Mr. WordPress” type=”left”]It was the most amazing WordPress theme I had ever seen. Such beauty. Such grace. Such elegance. She was everything I never knew I wanted and so much more. My beloved X will be with me always.[/blockquote]’ as seen on the shortcode page of the THEME X there is a box around the block quote that matches my page and not content background color. I would provide a link but I am seeing this in a draft of an article and do not want to publish it yet. Where can I go to style this and possible get it to look like the former blockquote.

Thanks!

[ThaiModerator]

Hi There,

Thanks for writing in!

Try adding the following CSS under Customize > Custom > CSS:

@media (max-width: 480px){
    blockquote.x-blockquote {
        font-size: 16px !important;
    }
}

Hope it helps.

[NaturalifeParticipant]

That worked perfectly, thanks!

Can you now please address this issue: “Also, when I use just [blockquote] TEXT [/blockquote], the styling is fine. But when I use ‘[blockquote cite=”Mr. WordPress” type=”left”]It was the most amazing WordPress theme I had ever seen. Such beauty. Such grace. Such elegance. She was everything I never knew I wanted and so much more. My beloved X will be with me always.[/blockquote]’ as seen on the shortcode page of the THEME X there is a box around the block quote that matches my page and not content background color. I would provide a link but I am seeing this in a draft of an article and do not want to publish it yet. Where can I go to style this and possible get it to look like the former blockquote.”

Or I can post it as a new forum post.

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

blockquote.x-blockquote {
    border: 1px solid #272727;
    border-left: 0;
    border-right: 0;
}

You can change the color to whatever you need it to be. If it isn’t working for you, please provide us login credentials via private reply and also link us to the page in question. Hope this helps – thanks!

[NaturalifeParticipant]

That helped me with the customization. But when I added that code, it removed the cite text. That styling also only changed the line color. I would like to change the “block background” color that seems to be the same as the page background. The article is not published so you will have to go to article drafts and then preview it to see what I mean. The draft is the salt article and the issue can be seen with this quote: “If you incrementally increase salt, you get generation after generation of these TH17 cells”

I will give the credentials in my next comment

[NaturalifeParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating! There is no point of giving username and password without the URL. Please add your URL so that we can have a closer look.

Cheers!

[NaturalifeParticipant]

Yes I must have spaced it. Updated now, thanks.

[JadeModerator]

You’re most welcome.

[NaturalifeParticipant]

Is support still looking into this issue I am having? I just want to make sure because I am not used to seeing a response without any kind of suggestions or fixes in this forum. No trying to be stuffy, just making sure.

Thank you.

[JadeModerator]

Hi there,

My apologies as I misunderstood your previous response.

On the page the blockquote that says “If you incrementally increase salt, you get generation after generation of these TH17 cells” seems to be wrapped in a <pre> tag which gives it a background color as what you have required.

In case you just want to use the blockquote without the pre tag, you can change its background using this CSS:

blockquote.x-blockquote {
    background-color: #efefef;
    border: 1px solid #272727;
    border-left: 0;
    border-right: 0;
}

Hope this helps.

[NaturalifeParticipant]

Hello,

It may be complete coincidence (which I am sure it is) but after adding that code, I am having some very strange issues. When I click a draft preview I get a 404 issue. When I try to edit a page with cornerstone, it prompts me to login again and once I login, it brings me to the home page (with no wordpress top bar visible). Also, two plugins seem to have broken but may relate to the issue I am seeing.

Any help would be very much appreciated. I have not changed anything else in wordpress so I am not sure what is going on.

Thank you.

[Rue NelModerator]

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Please let us know how it goes.

[NaturalifeParticipant]

Hi,

I fixed the issue (I think) but I am still facing the blockquote bug where the credit (author) does not show on the frontend. Also, the background color is still unchanged. I tried changing it to white but no changes appeared.

Any help would be greatly appreciated,

Thanks.

[JadeModerator]

Hi there,

The quote author isn’t showing because there is an extra “ quote in the cite attribute of the shortcode. I have fixed that and the author should be displaying now.

Since the second blockquote in the page is wrapped in a pre and code tag, please use this CSS to change the background:

.x-code {
    background-color: #fff;
}

Hope this helps.

[Author]

Posts