Customizr blockquote padding

  • Resolved lonelymachines

    (@lonelymachines)


    3 years ago

    Using the Customizr Pro theme, I’m trying to change the blockquote styling in the theme. I’d like to remove the quote symbol and align the text to the left.

    Using body blockquote::before { content: none!important;} in the custom CSS field removes the quote symbol, but it still leaves a huge amount of padding on the left side.

    Does anyone know which files in the theme have this formatting, or what CSS I can use to remove it?

    Thanks!

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

  • Thanks for the tip on removing the quotes, I have been wrestling with this and you helped me solve the last piece of the puzzle.

    I think you will find the CSS you need to change is the media-specific setting for wider displays. I fixed it with:

    @media (min-width: 576px){ blockquote>* {
    margin-left: 1.5em;
    padding-left: 1em;}}

    I found that was all I needed, as the wider margins already disappear on narrower displays. (My problem was I worked out how to fix the margins but then had a quote sitting over the text, so as I said, your post was invaluable in fixing this!)

    Thread Starter lonelymachines

    (@lonelymachines)

    That did it. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customizr blockquote padding’ is closed to new replies.