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 one of the following items
Login and Registration Log in · Register