[Resolved] read more button fixed position

Home Forums Support [Resolved] read more button fixed position

Home Forums Support read more button fixed position

  • This topic has 31 replies, 2 voices, and was last updated 1 month ago by Mohammed.
Viewing 15 posts - 1 through 15 (of 32 total)
  • Author
    Posts
  • #2041570
    Mohammed

    Hi,

    thanks for your theme and generate blocks.

    How i can i have the read more button at fixed position, 45px from the bottom.

    Thanks.

    #2041623
    Mohammed

    Also, how can i set the right and left margin? i’m not finding the css classe.

    Would appreciate your help on this as well to gain some time.

    Thanks.

    #2041631
    Ying
    Staff
    Customer Support

    Hi Mohammed,

    Give this CSS a try:

    .align-buttons {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    Then increase the margin top of the buttonsblock.

    how can i set the right and left margin?

    What element are you asking for?

    #2041726
    Mohammed

    Thank you Yin,

    that worked, but it changed the top content positioning. I’ll have to see that later on, maybe with minimum height on each elements.

    For the margin, i’m talking about the page sides margin.

    #2041757
    Ying
    Staff
    Customer Support

    maybe with minimum height on each elements.

    Yes, it’s better to specify the height for each device. Or just simple add a media query on my CSS just for mobile.

    For the margin, it’s better to use padding instead:

    .blog #content {
        padding-left: 20px;
        padding-right: 20px;
    }
    #2041771
    Mohammed

    Ok thank you very much for the help.

    #2041787
    Ying
    Staff
    Customer Support

    You are welcome ๐Ÿ™‚

    #2044108
    Mohammed

    Can we have an even space at the top with this? I’m not finding how atm

    #2044110
    Ying
    Staff
    Customer Support

    Then it’s better remove the min-height you set for container block.

    #2044128
    Mohammed

    I edited this because it was not resolved.

    #2044129
    Mohammed

    Ah sorry, that didn’t fixed the issue. forget it will change depending on the device size.

    what i want is having the same top space on all posts, not dependent on the elements size.

    #2044132
    Mohammed

    i can’t remove the min-height. Post won’t have same height

    #2044161
    Ying
    Staff
    Customer Support

    Give this CSS a try:

    .align-buttons > .gb-inside-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
         flex: 1;
    }
    
    .blog-button {
        margin-top: auto !important;
    }
    #2044171
    Mohammed

    Yes that worked.

    thank you very much.

    #2044182
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

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