Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 1, 2014 at 1:12 pm #204249
    jvines

    In the default Enfold mode, paragraphs are far too close to each other, making text difficult to read and follow….

    On searching the forum I found the following code to insert into the Quick CSS:

    p {
    padding: 1.00em 0;
    }

    …which had the desired effect,

    Please see http://www.vinesdrive.com/about/ where the paragraphs are spaced nicely.

    However this has now effected every page, spacing large headings out so they look terrible.

    Please see http://www.vinesdrive.com/ to see how all the large text has now also been spread out, making it look unprofessional.

    Could you please advise how I could keep certain ‘proper’ paragraphs spaced as in the first link, but not have it affect everything?

    Many thanks

    Jason

    January 2, 2014 at 2:48 am #204347
    Ismael

    Hi jvines!

    You can use this for the first link:

    .entry-content p {
padding: 1.0em 0;
}

    If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

    On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. 

    .page-id-2251 .entry-content p{
padding: 1.0em 0;
}

    Regards,
    Ismael

    January 2, 2014 at 8:58 am #204429
    jvines

    Hi,

    Please ignore my last as I have sorted the issue thanks to previous questions on your forum.

    I simply add <br/> on the line after each paragraph and it leaves the perfect gap.

    Many thanks for the terrific forum

    January 2, 2014 at 9:21 am #204430
    jvines

    Hi,

    I hadn’t noticed your post!

    Many thanks for that too – I’ll keep that in mind for any future issues.

    Thanks!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Increase paragraph gapping but not effecting everything…’ is closed to new replies.