Change Pullquote with CSS

  • FooManChoo

    (@foomanchoo)


    3 years, 6 months ago

    I have a post with a Block Quote and a Pull Quote.

    I have aligned the text of the Block Quote to the left.

    I have tried to align the Pull Quote to the left.

    Here is my CSS……

    blockquote {
max-width: 100%;
font-size: 20px;
text-align:left;
background-color: #f9f9f9;
border: 1px solid #3a34eb;
border-radius: 10px;
box-shadow: 4px 4px 4px #ccc;
font-style: italic;
}
blockquote cite:before {
}

wp-block-pullquote {
text-align: left;	
}

    If you look at my site you can see the text for the Pull Quote is centred.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    3 years, 6 months ago

    Hi @foomanchoo,

    Please add below mentioned CSS code in Appearance -> Customize -> Additional CSS section.

    .wp-block-pullquote blockquote { text-align: left !important;}

    I hope this will work.

    Regards,

    Thread Starter FooManChoo

    (@foomanchoo)

    3 years, 6 months ago

    Thank you so much, that works!!!

    How would I change the font size?

    • This reply was modified 3 years, 6 months ago by FooManChoo.
    • This reply was modified 3 years, 6 months ago by FooManChoo.
    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    3 years, 6 months ago

    Hi @foomanchoo,

    Glad to know that our solution working fine for you. Regarding font size please add the below-mentioned code in Appearance -> Customize -> Additional CSS section.

    .wp-block-pullquote.is-style-solid-color blockquote p {font-size:28px!important;}

    Regards,

    Thread Starter FooManChoo

    (@foomanchoo)

    3 years, 6 months ago

    That didn’t work sorry.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Pullquote with CSS’ is closed to new replies.

Tags