Pullquote Sticking out of main body of text

Support
#1

Hi there,

Is there anyway to get the pullquote about halfway down this page http://www.eurasianwhispers.com/dungan-mosque-karakol/ to stick out about 10px from the main body of the text, like it does in this example: http://foundation.zurb.com/building-blocks/assets/img/building-block/pull-quote/pull-quote.png ?

Thank you,
EW

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.single-post .x-blockquote.x-pullquote {
    margin-top: 0;
    margin-bottom: 0;
}
#3

Hi Thai,

Unfortunately that didn’t do anything.

Thank you,
EW

#4

Sorry for the confusion. That would require custom CSS positioning like this

.x-pullquote {
    position: relative;
    left: -40px;
}

Please note that the CSS I gave is a customization and issues arising from the use of it and improvements would be outside the scope of our support.

Thanks.

#5

Hi Christian,

Thank you so much for your help, I really appreciate it.

Can I please just ask one last small question: do you know how can I prevent this effect from taking place for Small and Extra Small devices - so just a normal, unmodified pullquote for Small and Extra Small devices?

Thank you again,
EW

#6

That would require custom media query like this

@media (max-width:767px) {
/* Your CSS*/
}

For more details about media queries, please see https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.

#7

Thank you, Christian

#8

You are welcome!