Docs

[Andrew]

Hi guys!

I’ve attached a JPG of my Scroll Bottom Anchor in 2 positions; Bottom-Center and Bottom-Right. The center option has a smaller down arrow, and I cannot figure out how to correct this.

I’m developing on a local host which unfortunately can’t be reached, so I haven’t provided any login details. I’m using the RENEW stack with Fixed Top, and running CS 1.2.4, WP 4.5.1, and X 4.5.2

Hope you can help,

Cheers!

Andrew

[John Ezra]

Hi there,

Thanks for writing in! There may be some CSS conflicting. We can’t be sure as we can’t see the site. I can’t replicate the issue on my local testing sites either.

You can try putting in it’s basic CSS. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-slider-scroll-bottom {
    position: absolute;
    display: block;
    border: 3px solid;
    width: 60px;
    height: 60px;
    font-size: 41px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    border-radius: 100em;
    z-index: 1020;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

If that doesn’t help, then it would be best to get the site up for us to see or to come back to this issue at a later time.

Let us know how that goes. Hope this helps – thanks!

[Andrew]

Hey John,

Thanks for the solution.

Strangely, your CSS above only works if preceded by the following;

.x-slider-scroll-bottom.bottom {
bottom: 20px;
}

I’m baffled, but you would probably make sense of this. For now, the appearance works – thanks!

Cheers!

Andrew

[Joao]

Hi Andrew

Seems like you found the right path 🙂

Let us know if you need help with anything else.

Thanks

Joao

[Author]

Posts