Quotes

2 posts from 2 voices

• Started 2 months ago by natclarke
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   natclarke
   Member

   Hi. Just wondering if it is possible to change the look of the quotes. I would prefer an image of Quotation Marks rather than a vertical line. Can that we done and how do I do it?

   thanks heaps

   Nat

   Posted 2 months ago #
2. 

   Devin
   Moderator

   Hi Nat,

   Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files. Then customize it however you want :)
   

   /*quotes*/
   
   .pullquote{
   border:none;
   background: none;
   padding:0;
   }
   
   .pullquote_right {
   float:right;
   margin:1% 0 1% 14%;
   width:40%;
   clear:none;
   }
   
   .pullquote_right.pullquote_boxed{
   margin:1% 0 1% 4%;
   }
   
   .pullquote_left {
   float:left;
   margin:1% 4% 1% 0;
   width:40%;
   clear:none;
   }
   
   .pullquote_boxed{
   padding:10px 10px 10px 10px;
   border-left-style:solid;
   border-left-width:5px;
   }
   
   .pullquote_boxed:before{
   content: "";
   }
   
   .pullquote_left .inner_quote{
   padding:0 0 0 40px;
   }
   
   #top .pullquote_boxed .inner_quote{
   padding:0;
   width:auto;
   left:auto;
   margin:0;
   }
   
   .sidebar_right .pullquote_left:before{
   left:-138px;
   }
   
   .sidebar_left .pullquote_left:before{
   left:-7px;
   }
   
   .sidebar_right .template-blog .entry-content .pullquote_left .inner_quote {
   width: 150%;
   position: relative;
   left: -60px;
   margin-left: -40%;
   }
   
   .sidebar_left .template-blog .entry-content .pullquote_right .inner_quote {
   width: 150%;
   position: relative;
   left: 60px;
   margin-left: -40%;
   }

   That is the whole block of shortcode CSS for the two shortcodes (left and right).

   Regards,

   Devin

   Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.