[Support request] Align the Read more button

Home Forums Support Align the Read more button

This topic contains 1 reply, has 2 voices, and was last updated by  David 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #984249

    24xstudio

    Hey,

    The read more buttons are not correctly aligned on the homepage (both on desktop and mobile). Kindly check and suggest.

    #984304

    David Customer Support

    You’re using this CSS to float the element right:

    .entry-summary a {
    border-bottom: 2px solid rgba(45, 130, 230, 0.4);
    float: right;
    }

    Floats allow an element to float up if the space is available. Instead of using Floats try this CSS:

    .separate-containers .inside-article {
        position: relative;
    }
    
    .separate-containers .inside-article .entry-summary a {
        position: absolute;
        right: 20px;
        bottom: 40px;
    }
    
    /* Add extra padding on smaller devices */
    @media (max-width: 1024px) {
        .separate-containers .inside-article {
            padding-bottom: 80px;
        }
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.