Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 3, 2016 at 3:59 pm #707796
    harris

    Hey,

    How to change font size and paragraph spacing on blog pages only. Thanks.

    November 3, 2016 at 4:14 pm #707808
    Yigit

    Hi Harris!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .single-post .entry-content {
    font-size: 20px;
    line-height: 30px;
}

    Cheers!
    Yigit

    November 4, 2016 at 6:05 pm #708381
    harris

    Hey,

    It doesn’t work. Only the read more links on the bottom got bigger. See the link and scroll towards the bottom of the page to see.

    Here is what I’m doing. On blog posts I’m using a text block, default size, how can I change that area only to bigger font and paragraph spacing globally on blog posts only. Thanks.

    • This reply was modified 8 years ago by harris.
    November 7, 2016 at 9:23 am #709077
    Ismael

    Hi!

    Please try this css code.

    .single-post p {
    font-size: 1.5em;
    line-height: 1.5em;
}

    Regards,
    Ismael

    November 7, 2016 at 9:33 pm #709467
    harris

    It worked for the most part. It is not working on the post sections with bullets or number list. That is staying the same. If you can help me out. Thanks again.

    • This reply was modified 8 years ago by harris.
    November 7, 2016 at 10:07 pm #709492
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .single-post li {
    font-size: 1.5em;
    line-height: 1.5em;
}

    If that too does not help, please point out the sections where it is not being applied.

    Best regards,
    Yigit

    November 9, 2016 at 5:16 pm #710334
    harris

    Hi,

    Have a look at the link. I placed the last code and the list updated fine. But the footer got bigger to which we didn’t want. Need the footer to be normal size again. Like the page posts. Thanks.

    November 11, 2016 at 7:39 am #711008
    Nikko

    Hi,

    Try to change .single-post li to .single-post .post-entry li from Yigit’s code, it should look like this:

    
.single-post .post-entry li {
    font-size: 1.5em;
    line-height: 1.5em;
}

    Let us know if it works :)

    Best regards,
    Nikko

    November 11, 2016 at 5:56 pm #711305
    harris

    Hey,

    The footer for the blog posts still stay the same. BIG. Maybe I need seperate code for the footer.

    I did this.
    .single-post .post-entry li {
    font-size: 1.5em;
    line-height: 2.5em;
    }

    • This reply was modified 8 years ago by harris.
    November 14, 2016 at 3:09 pm #711991
    Andy

    Hi,

    when I use this code, then footer does not get changed for me. I also checked your page and your footer looks pretty normal to me.

    Best regards,
    Andy

    November 14, 2016 at 3:53 pm #712024
    harris

    Andy,

    Thanks. Yes it does I stand corrected. I cleared the cache to when I doubled checked. Thanks for the great help.

    Cheers, Harris

    November 15, 2016 at 6:03 am #712326
    Rikard

    Hi Harris,

    Great, let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.