Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 24, 2021 at 7:20 pm #1290208
    kfranck

    I would reduce the size of the blogpost font, so I can run a list of the blogpost in a box on the home page of my website.

    Is there a quick CSS code to make the font about 10 or 11px?

    March 25, 2021 at 5:41 am #1290296
    Nikko

    Hi Kurt,

    Can you give us a link to the page mentioned? so we can take a closer look and give you an accurate CSS code :)

    Best regards,
    Nikko

    March 26, 2021 at 5:57 pm #1290610
    kfranck

    Hi Nikko:
    I created a page to demonstrate my issue. It is ysblade.com/test. I want to reduce the size of the blog headlines, using CSS code.

    In the meantime, I am using the blogpost widget, but I don’t like the italics type. If you have a fix for that, I would appreciate it.

    Thanks,
    kfranck

    March 30, 2021 at 6:19 am #1291206
    Nikko

    Hi kfranck,

    Thanks for giving us admin access and we apologize for the delayed response.
    We have done the following steps:
    1. We have added in the Blog Posts’ Custom CSS Class this value: small-fonts
    2. Then in Enfold > General Styling > Quick CSS, we added this CSS code:

    #top #wrap_all .small-fonts .entry-content-header {
    padding: 10px 30px 10px 0;
}

#top #wrap_all .small-fonts .entry-title {
    font-size: 11px;
    font-family: 'open sans','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
}

#top #wrap_all .small-fonts .read-more-link {
    right: 0;
}

    If you need to apply it on another Blog Posts element, you just need to do step 1.
    As for the italics you mentioned, I don’t see it using italic, have you already changed it?

    Best regards,
    Nikko

    March 30, 2021 at 4:06 pm #1291389
    kfranck

    Nikko:
    Thanks for making the changes. A few things:
    1.) Can the size of the font in the Blog Post (fromt Content Elements) be adjusted to make the size a little bigger?
    2.) Can the space (vertical leading) between the items be reduced?
    3.) The order of the post don’t follow the order when I use blogpost, but are OK with the blogpost widget.

    Lastly, the font on the blogpost widget is italics. Can that be changed to Helvetica or Arial?

    Thanks,
    kfranck

    April 1, 2021 at 4:25 pm #1291817
    Nikko

    Hi kfranck,

    1. Would you like this to apply on all Blog Posts? or only on specific pages?
    Can you try to go to Enfold > Advanced Styling > (Select an item to customize) then choose Widget Links then click Edit Element button.
    It should open up a box which contains font size.
    2. Are you referring on the ‘Also on Your SOURCE’ box?
    3. I have checked the order of posts and the Blog Post and it seems to be in correct order based on date in descending order.

    And lastly, try adding this CSS code in Enfold > General Styling:

    #top .avia-builder-widget-area .widget li a {
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

    Best regards,
    Nikko

    April 1, 2021 at 6:46 pm #1291867
    kfranck

    Hi Nikko:

    I added the CSS code you sent me (see below) in the Quick CSS and the headlines are still italic.

    To view the page, please go to ysblade.com and look for “Also on Your SOURCE”. I would like the font to be Arial, Helvetica, and I would like the ability to change the font size.
    Thanks,
    Kurt

    #top .avia-builder-widget-area .widget li a {
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif; }

    April 5, 2021 at 4:34 am #1292407
    Nikko

    Hi kfranck,

    I have added the code in Quick CSS and it did not work until I purged minified files in WP-Optimize.

    Best regards,
    Nikko

    April 5, 2021 at 7:42 pm #1292600
    kfranck

    Looks great. Just what we wanted. Thank you.
    You can close this case.
    Thank you.
    Kurt

    April 6, 2021 at 4:51 am #1292657
    Nikko

    Hi Kurt,

    It’s our pleasure to help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Reduce size of blogpost font’ is closed to new replies.