Text-indent in Custom CSS

  • Author
    Posts
  • #95458

    Not sure if this is the same as the post “Custom CSS Processing Bug”

    Kahuna child theme
    I have custom CSS specified via the Customizer. It includes:

    .ProseMain {
    	text-indent: 1.75em;
    }
    .ProseSeparation {
    	text-align: center;
    	margin-top: 2em;
    	margin-bottom: 2em;
    }

    .ProseSeparation works fine – text is centered, with space above and below. .ProseMain doesn’t do anything. However,
    <p style="text-indent: 3em;">#</p>
    indents just fine.

    #95669

    Zed
    Cryout Creations Team

    The .ProseMain class is not part of the theme’s styling.
    If you are adding this on particular elements ensure that those elements actually have this class and/or make your styling more specific (reference additional parent container classes/IDs in the identifier).


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #96346
    This reply is private.
    #96385

    Zed
    Cryout Creations Team

    You may need to make your styling more specific to apply. Try
    p.ProseMain { }


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #96388

    Zed,

    Thanks! That fixed it right away. I really appreciate the advice!

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

You need to log in to reply to this topic.