Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Support request] Last Post Always as a dynamic page header

Home Forums Support [Support request] Last Post Always as a dynamic page header

Home Forums Support Last Post Always as a dynamic page header

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #408993
    Halil

    Hi there,

    I tried to understand many explanations but I am confused. How is it possible to make “the last blog post” page header?

    Another question is, how can put some lines or arrows between blog titles in “Recent Posts” widgets? Blog posts’ title appears too close to each other, I wanno put some sort of lines (very light) between posts’ name or put some small arrows (something like that) to the beginning of post names.

    Same thing is needed for categories widget too, if possible. I think those requires some css code but I dont known how to do it.

    any help will be highly appreciated. thank you.

    #409189
    Leo
    Staff
    Customer Support

    Hi there,

    You can try using Tom’s WP Show Posts: https://en-ca.wordpress.org/plugins/wp-show-posts/
    Then add the shortcode into the page header content.

    Try this CSS for widget list:

    .widget ul li {
        border-bottom: 1px solid #000000;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #409207
    Halil

    I’ll try that show posts plugin.

    What kind of css code should I wrote to put a seperation line between post names? Or would u propose another recent post widgets?

    #409278
    Leo
    Staff
    Customer Support

    Hmm did you try my CSS above?

    #409285
    Halil

    sorry, my mistake, I got it wrong ! yes that code put a solid line between “names” in all widgets. thank you.

    teach me to catch a fish! how can I make it soooo light so that it’s barely visible? or can I also put a arrow at the beginning of names in addition to lines?

    thanks again.

    #409287
    Halil

    or how to increase space between names ?

    #409372
    Leo
    Staff
    Customer Support

    Looks like you figured out the color.

    Try this for the arrow:

    .widget ul li:before {
        content: "\00BB";
    }

    and this for space:

    .widget ul li {
        padding-bottom: 10px;
    }
    #409590
    Halil

    thanks, that worked.

    #409993
    Leo
    Staff
    Customer Support

    No problem!

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