Support » Fixing WordPress » Blockquote width issues

  • I have a problem the blockquote width on my site. I have the following code and in the Customize area, the width looks correct. However when I view the actual page, it shortens the width. I have tried adjusting the width using px as well as 100% and the same thing happens. Thoughts?

    blockquote {
        font-family: Georgia, serif;
        font-size: 18px;
        font-style: italic;
        width: 750px;
        margin: 0.25em 0;
        padding: 0.25em 40px;
        line-height: 1.45;
        position: relative;
        color: #383838;
        background:#ececec;
    }
     
    blockquote:before {
        display: block;
        content: "\201C";
        font-size: 80px;
        position: absolute;
        left: -10px;
        top: -10px;
        color: #7a7a7a;
    }
     
    blockquote cite {
        color: #999999;
        font-size: 14px;
        display: block;
        margin-top: 5px;
    }
      
    blockquote cite:before {
        content: "\2014 \2009";
    }

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,

    You want it to look like this here, correct? If yes, remove the width property from blockquote (that way it’ll be as wide as the entry content). If you make the change and it doesn’t seem to update anything make sure to clear your browser cache.

    Let me know if that is the solution you were looking for.

    Kind regards,
    ClicksFix

    I removed it but it still appears when the page loads

    css

    Are you saving and publishing it? I am still seeing this CSS come through where the width is 450px.

    Yes I am.

    It looks like you got it fixed 🙂 If changes don’t come through it can be because of caching done on the server level, like from your host or with a plugin. If you do have one of those enabled it’s best to disable it while developing.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.