[Resolved] How to move the "back to top" button to the left?

Home Forums Support How to move the "back to top" button to the left?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #967514
    Atef

    Hi,
    I have Generatepress premium on an Arabic (RTL) site.
    I want to show the back to top button to the left of the page, so when people are reding an article, it shows at the end part of the sentences, not at the beginning.
    I also have a social share bar at the bottom. that hides the back-to-top button.
    I added the following code to my css. the code lifted the button above the social share bar, but still shows at the right.
    for some reason, even the “!important” is not working.
    I even changed it to `right:30px !important;” thinking that there is something that “flips” the css due to the site being RTL, but no changes happens.

    Can you please help me moving the button to the left?
    thanks.

    I added a link to a test post.

    
    .generate-back-to-top{
    left: 30px !important;
    bottom: 60px !important;
    }
    
    #967938
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    body .generate-back-to-top, body .generate-back-to-top:visited {
        left: 30px;
        bottom: 30px;
        right: unset;
    }

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

    Let me know if this helps 🙂

    #969691
    Atef

    Hi Leo,
    The code worked perfectly fine. thanks a lot.

    #970196
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.