Add Quotation Marks To Blockquote

Support
#1

hi

I have some png images of quotation marks to be used for blockquotes, but when I set a background image and position, I am unable to adjust the position of the quotation mark using padding.

Any suggestions?

Here is what I currently have in CSS

    blockquote {
  margin:0;
  background-image:url(http://feastthailand.com/wp-content/uploads/2017/07/openQuote13.png);
  background-repeat:no-repeat;
  background-position:left top;
 } 
blockquote p {
  margin:0;
  padding:10px 10px 10px 10px;
  font-family:"Comic Sans MS", cursive;
  font-size:24px;
  color:#666;
  text-shadow:2px 2px 2px #fff;
 }

When I add padding to the blockquote section, it affects the border and text but not the background image. I only want to adjust the position of the background image.

Any suggestions

Regards

#2

Hi there,

You can change the background position code and add it as pixels which will give you a chance to change the position such as:

background-position: 10px -5px;

Hope it helps.

#3

hi Christopher

Thanks for the reply

Yes, that’s perfect. I can just play with the best settings for that.

Is it the right thing to use a background image for the quotation marks, or is there a native way to do it that avoids that? I searched this forum but couldn’t find any reference to the quote marks

Thanks again

#4

Hi there,

It is a correct way to do so as we do not have any options to tweak that section in the theme. Thank you.

#5

cheers Christopher

Regards

#6

Glad to see we managed to help.
Cheers!