New Landing How can we help? Cardinal Where can I specify post fonts for blog page and posts themselves?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Cardinal
  • #148457
    sorelh
    Member
    Post count: 169

    Hi, where can I specify and change the font, font colour and font size for my blog post page? Also I want to specify the font size, colour and style on the post page itself where I have the previous post and next post panel.

    Also where I have previous post widget the text is cutting off on the right hand side.

    I can’t seem to specify the post font details in the main font options in theme options.

    Thanks

    Sorel

    #148656
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You can’t change fonts for just the posts/blog pages, unless you go through and add a bunch of custom CSS, which is down to your knowledge and responsibility.

    If you provide me with your link I’ll look at the issue with text cutting off for you

    – Kyle

    #148658
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    #148673
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    1) Add this:

    .recent-posts-list li .recent-post-title {
      white-space: pre-line;
    }
    

    2) Add this:

    .single-post .spb-asset-content > h1 {
      font-family: source sans pro;
      font-size: 26px;
      line-height: 34px;
    }

    3) And this:

    .post-pagination-wrap h2 {
      font-size: 30px;
      line-height: 40px;
      word-break: keep-all;
    }

    – Kyle

    #148674
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    #148676
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

    #148679
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    #148683
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Can you please leave it in your custom css so I can check

    – Kyle

    #148686
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    #148690
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    .blog-item h3 a, .blog-item h4 a {
      font-size: 23px;
      font-family: source sans pro;
    }

    – Kyle

    #148697
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    #148699
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    i was looking at the top post

    .masonry-items .blog-item .details-wrap h2, .masonry-items .blog-item .inst-overlay h2 {
      font-size: 23px;
      line-height: 33px;
      font-family: source sans pro;
    }

    – Kyle

    #148703
    sorelh
    Member
    Post count: 169
    This reply has been marked as private.
    #148706
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register