Backgroundimage in blockquote

Support
#1

Hi! Is it possible to get a background image in a blockquote? (right bottom corner?)

#2

Hello Bjorg,

Thanks for reaching out. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.x-blockquote , blockquote {
    background: url(IMAGE-URL);
    background-position: right bottom;
    background-repeat: no-repeat;
}

Relate IMAGE-URL with the source path of the image.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Thanks for the answer. Unfortunately it doesn’t fix the problem…

I have putt this in the CSS part:

.x-blockquote , blockquote {
background: url(www.highwave.nl/indra/quote.png);
background-position: right bottom;
background-repeat: no-repeat;
}

#4

Hello Bjorg,

Thanks for reaching out. :slight_smile:

The code you have shared won’t work. Please update the code with following:

.x-blockquote , blockquote {
background: url(https://www.highwave.nl/indra/quote.png);
background-position: right bottom;
background-repeat: no-repeat;
}

Thanks.

#5

Thanks!!! It works :slight_smile:

#6

You’re welcome, Bjorg.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.