Site logo

[Resolved] Queries on Blog and widget link

Home Forums Support [Resolved] Queries on Blog and widget link

Home Forums Support Queries on Blog and widget link

Viewing 5 posts - 31 through 35 (of 35 total)
  • Author
    Posts
  • #2421161
    Janani

    Dear Fernando

    Thank you for your excellent support! Yes, it has almost come – I gave your second CSS code as I wanted the blog archive titles to come in the center of the page, but it is not exactly in the center – wonder why? Not a very significant difference, but is there any reason why it doesn’t come exactly in the center? And also how do I give a light underline under the blog titles to make it a better look? Appreciate your help and support always.

    Kind regards
    Janani

    #2424379
    Janani

    Hi Team

    Further to my above comment, I explored few other websites and their blog archive pages. And I came across an elegant and simple style – https://zenhabits.net/archives/.

    Similar to the above web page, is it possible,
    – bring the blog archive lists to the exact center of the page and
    – bring a fine light line after every blog title similar to that web page?
    However, I have disabled the dates, as I do not want to show the dates when the posts were published.

    Can you help in this, please?

    Kind regards

    #2424650
    Fernando
    Customer Support

    1. For the alignment of the titles, yes, it’s possible to align them center. First of, you have custom code that’s affecting the alignment of the titles. This one:

    .blog article .entry-header {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    There’s another one as well, however, I’m not sure if this was added for the alignment of another element. To address this safely, try adding this CSS:

    .blog article header.entry-header {
        justify-content: center;
    }

    For the fine line, try adding this CSS as well:

    .blog article .entry-title {
        border-bottom: solid 1px #00000033;
        padding-bottom: 10px;
    }

    Lastly, to make the categories sticky on desktop, add this as well:

    @media (min-width: 1025px) {
        .cu-cat-list-div {
            position:sticky;
            top: 90px;
        }
    }

    2.

    #2424743
    Janani

    Dear Fernando

    Thank you for your awesome support! I am really grateful to your team for answering all my queries with so much patience and resolving them all. Hereby, marking this ticket as resolved.

    #2424747
    Fernando
    Customer Support

    You’re welcome Janani!

Viewing 5 posts - 31 through 35 (of 35 total)
  • You must be logged in to reply to this topic.