Block Quotes

Latest Reply from azpaul at 2013-02-03 13:47:13 Solution
I am looking to change the width of the block quotes. I can't seem to locate hoe to make the quote wider. Also, can you adjust the size of the quote marks?

Thanks
Found the solution. In gamex/css director edit the shortcode.css. Locate the following styles.

To change the width of the blockquote, simply change the pixels in the first statement.

To change the size of the quotes, change the em/36px from the default in the after and before styles. I made mine 3em which looks more in proportional to my text.

There is a quotes.png in the /inc/images directory. Changing the size of this image makes no difference


blockquote {
padding-top: 30px;
font-style:italic !important;
width:400px !important;
float:center !important;
clear:left;
}
blockquote:before {
content: "�[~@~\";
font: 3em/36px Times, serif;
color: #CFCFCF;
float: left;
margin-left: -45px;
padding: 0 2px;
}
blockquote:after {
content: "�[~@~]";
font: 3em/36px Times, serif;
color: #CFCFCF;
float: right;

Leave a reply

Add codeAdd image