WordPress.org

Ready to get started?Download WordPress

Forums

Blockquote and 2012 theme (7 posts)

  1. ichadwick
    Member
    Posted 1 year ago #

    I want to change the way blockquotes display in the 2012 theme to have more padding left and right (make it narrower), and add a horizontal line top and bottom.

    Which of the blockquote entries in the style.css file do I edit?

    Or should I just add a custom entry by itself?

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Don't edit any theme files directly. To make changes to the CSS, be sure that you have a child theme set up or use the jetpack plug-in custom CSS option.

    Then you can make modifications that won't be erased when WP is updated.

  3. ichadwick
    Member
    Posted 1 year ago #

    Thanks. But is there a specific entry to modify? I seem to recall three entires that relate to blockquote. Or just make it general like this:
    blockquote
    {
    some changes
    }

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you want to change it within a specific entry?

  5. ichadwick
    Member
    Posted 1 year ago #

    No, I want all blockquotes to be affected in pages. I'm using WP for a mostly static website, but I do allow comments on pages.

    I have experimented with this CSS:
    blockquote {
    font: 14px/22px normal helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 3px solid #ccc;
    }
    and it works nicely in pages, but not sure yet how it works in comments and blog posts. Will tinker further.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    If there are no styles overriding it, then it will work on all instances within entries, posts, etc.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you are not already using it, Firebug is a great tool for working with CSS -- it will show you which styles are affecting a given area or element on a page. You may need to use more specific CSS selectors to target some instances of the blockquote.

    http://www.w3schools.com/cssref/css_selectors.asp

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.