WordPress.org

Forums

Magazino
Block Quote Code (8 posts)

  1. BrianKGolden
    Member
    Posted 1 year ago #

    I have dug around on multiple help sites to see how to adjust Block Quotes on Magazino. I have changed the style.css but something must be over riding the code I am putting in. Can anyone help me figure out how to do this on Magazino?

  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

    A link to your site would be relevant/necessary for help with CSS. Make sure you are not modifying the style.css file directly - as those changes will be lost when the theme is updated. Instead use a child theme or custom CSS (plugin if the theme does not have the option).

  3. WPyogi
    Forum Moderator
    Posted 1 year ago #

    You should also get WP updated ASAP - outdated versions are a security risk.

  4. BrianKGolden
    Member
    Posted 1 year ago #

    http://www.catharsisproductions.com/blog

    Thanks.

    I have no idea how to use a child theme or custom CSS. Any help you can offer with that?

  5. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Sure - http://codex.wordpress.org/Child_Themes

    IF you're only changing CSS, a plugin is a great and easy way to go - this is a good one: http://wordpress.org/plugins/custom-css-manager-plugin/

    What do you want to do to the blockquotes?

  6. BrianKGolden
    Member
    Posted 1 year ago #

    I want to be able to shade a background behind them and make the text pop. But I also just want to explore and see what looks good. I'm not totally sure yet. I think I'm savvy enough to control the display once I just know how to make the code stick and not be overridden.

  7. WPyogi
    Forum Moderator
    Posted 1 year ago #

    The best way to do that is to find the existing styles for blockquote - and then copy those CSS selectors to the custom CSS - those should override the existing styles -

    Looks like this may be what you need:

    .commentlist li.comment article[id*=comment-] blockquote,
    			.post_content blockquote {
    				font-style: italic;
    				line-height: 1.6em;
    				margin: 1.5em 2.85em;
    			}
    
    			.commentlist li.comment article[id*=comment-] blockquote:before,
    			.post_content blockquote:before {
    				content: "“";
    				font-size: 5em;
    				text-indent: -.55em;
    				margin-top: .25em;
    				float: left;
    				color: #e5e5e5;
    				font-family: "Passion One", "Arial Black", Gadget, sans-serif;
    				font-weight: 400;
    				font-style: normal;
    
    			} /* this adds the quote before the blockquote */
  8. BrianKGolden
    Member
    Posted 1 year ago #

    Dang, I just can't figure this out. I downloaded the code you suggested and put it in the style.css on top of the existing blockquote code. No luck.

    Then I downloaded the plug in you suggested and put the code in the main box of that, too. No luck again.

    I'm sorry...I really want to get this now, it's my White Whale. Can you help? How does the Custom CSS Plugin work?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic