Block quote and pull quote confusion

[clefler]

Hi,
I have used the [blockquote] shortcode for years now and have many posts with it.

However, now I would like to achieve the [pullquote] look in articles but with different styling than [blockquote]…right now they are the same.

I have lot’s of blockquote custom css (below). Can I do something similar with pull quote to alter the appearance of just pullquote?
Thx!

.x-blockquote {
position: relative;
padding-bottom: 2.4em;
font-size:16px;
line-height: 1.4;
color: #083e5e;
}

.x-blockquote .x-cite {
position: absolute;
left: 10px;
bottom: 10px;
}

.x-cite {
display: block;
font-size: 18px;
font-weight: 300;
color: #083e5e;
font-style: italic;
}
.x-cite:before {
content: "~ ";
}

blockquote {
font-family: ‘Open Sans’, Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 16px;
border-left: 8px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
background: #ffffff;
}

[mldarshana]

Hi There @clefler

Thanks for writing in! If you want to use the same shortcode and customize it differently, you can assign a class for example (mypullquote) to your shortocdes.

Sample code:

[blockquote class="mypullquote" 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]

Then you can target it as follows.

.x-blockquote.mypullquote {
    color: red;
}

Hope that helps.

[clefler]

Ah yes, perfect thanks!

[Prasant]

You are most welcome.