• I just recently redid my block quotes, and I love it.. they look fantastic on Desktop. But I just realized last night they are not responsive on mobile.. I read somewhere about adding in an extra part with a percent, but that didn’t seem to help!

    This page is an example: http://everyonelovescouponing.com/2015/09/new-11-herbal-essence-body-wash-coupon-deals-at-shoprite-target-walmart-as-low-as-1-49/

    blockquote {
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: bold;
    width: 650px;
    margin: 0.25em 0;
    padding-left:1.2em;
    padding-right:1.2em;
    padding-top:1.4em;
    padding-bottom:0.4em;
    position: relative;
    left: 20px;
    top: 0px;
    line-height: 1.00;
    color: #383838;
    border-left:1px dashed #25335d;
    border-right:1px dashed #25335d;
    border-top:1px dashed #25335d;
    border-bottom:1px dashed #25335d;
    background:#fff;
    }
    
    blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    }
    
    blockquote cite:before {
    content: "\2014 \2009";
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

The topic ‘New Blockquote is Not Responsive’ is closed to new replies.