Changing Blockquote

  • Resolved KaylaTheOwl

    (@kaylatheowl)


    10 years, 10 months ago

    Hello,

    My site is https://www.thebookishowl.net

    I’ve been wanting to change the block quote design for quite some time now as the current one is too chunky for my taste. However, I tried to edit it earlier using some tips from the internet. I wanted the background to be an off-white colour with a gray font. I also wanted dotted borders all around. I did as the guidelines suggested but the block quote design still isn’t changing.

    Even though I have deleted the old code from Appearance > Editor, the block quote still remains as what it was before.

    Does anyone else have some tips? It would be much appreciated, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author alex27

    (@alex27)

    Hello!

    You should not be editing theme files via Appearance > Editor. Those changes will be lost during theme update! To use your own custom CSS you’ll need a plugin like My Custom CSS. All your custom CSS goes there and it will overwrite the default theme stylesheet. Give it a try!

    Thread Starter KaylaTheOwl

    (@kaylatheowl)

    Hello!

    I’ve given it a try so thank you for telling me about the plug-in. I’ve changed the blockquote too but there’s space right below the actual quote and I can’t figure out how to remove it. Would you know how?

    Here’s a link to a post with the problem:

    https://www.thebookishowl.net/?p=3074

    Thank you!

    Theme Author alex27

    (@alex27)

    Hello!

    The <blockquote> has <p> inside and all p have margin bottom. To remove it only on <p> inside <blockquote> use something like this:
    blockquote p { margin: 0; }

    Thread Starter KaylaTheOwl

    (@kaylatheowl)

    Hi! Sorry, do I put this in the editor plug-in or in the “Text” version of each post?

    I am so sorry for my incompetence in codes and I’m really grateful for your help!

    Thread Starter KaylaTheOwl

    (@kaylatheowl)

    Hi alexa27,

    I did what you suggested with the blockquote p {margin:0;} but when I did that, the paragraph breaks inside the blockquote disappeared. Is there any way to prevent this? Thank you!

    Theme Author alex27

    (@alex27)

    Try this then:
    blockquote p:last-child { margin: 0; }

    You should put this in CSS Manager (or similar) pluign.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Blockquote’ is closed to new replies.