Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #20728

    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

    #108828

    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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Quotes’ is closed to new replies.