Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 17, 2019 at 7:27 pm #1139221
    khickman

    Hi,
    I am working for an attorney that wants ever paragraph to begin with an indent. I tried this code and it didn’t work.
    article p {
    text-indent:60px;
    }
    Can you please provide some CSS that I can add so that it automatically indents a paragraph?

    Thanks,
    Keith

    September 17, 2019 at 7:56 pm #1139233
    Jordan Shannon

    Hey Keith,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    September 17, 2019 at 8:16 pm #1139240
    khickman

    Hi Jordan,
    Ths link is below and I need to indent each paragraph on the entire site for this client. Let me explain further. Using the editor, I cannot indent each paragraph. So If it just use non breaking spaces at the beginning of the paragraph, they get stripped out.
    I know there is a way to add CSS to do this automatically. I just need it to work with enfold.

    Thanks,
    Keith

    September 17, 2019 at 8:29 pm #1139247
    Jordan Shannon

    Hi,

    Add this to quick css:

    #main p{
padding-left:20px!important;
}

    Best regards,
    Jordan Shannon

    September 18, 2019 at 1:35 am #1139290
    khickman

    Hi Jordan,
    Unfortunately, this did not work. It pushed the entire block of text over.

    I need 4 characters of indent space on the first line of the paragraph. I would be nice if I could make it optional also.

    September 18, 2019 at 4:45 pm #1139565
    Jordan Shannon

    Hi,

    Change to the following in quick css:

    #main p{
text-indent:20px!important;
}

    Best regards,
    Jordan Shannon

    September 18, 2019 at 4:53 pm #1139576
    khickman

    Hey Jordan,
    Thank you for your quick reply!
    That worked great. Is there a way to defeat or disable this if I need to? For instance, a list of items in a column or something, Some specific code I can add? I will need this.

    Thank You!

    September 18, 2019 at 4:57 pm #1139582
    Jordan Shannon

    Hi,

    If its a list then the following should work:

    #main ul,
#main ol{
text-indent:0px!important;
}

    Best regards,
    Jordan Shannon

    September 18, 2019 at 5:12 pm #1139586
    khickman

    Jordan,
    That worked with a bullet list. Thank you! Can you please take a look at the footer? https://dev.lonestarlandlaw.com/
    I need a way to line up this text without the indent.

    Thanks,
    Keith

    September 18, 2019 at 5:19 pm #1139592
    Jordan Shannon

    Hi,

    Add this to quick css:

    #main #footer-template p{
text-indent:0px!important;
}

    Best regards,
    Jordan Shannon

    September 18, 2019 at 5:52 pm #1139606
    khickman

    Jordan,
    This worked. Thank you for everything. Awesome support!

    Keith

    September 18, 2019 at 5:54 pm #1139608
    Jordan Shannon

    Hi,

    No problem at all, I’m happy I was able to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Need CSS for Indent’ is closed to new replies.