The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Anthing Slider Issue – CSS Button Position Issue

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #43080

    I’m new to using Anything Slider. I’ve got it installed but I can’t figure out why the two buttons used to move the slides backwards and forward are out of alignment. The button on the left is lower than the button on the right.

    I’ve worked a lot with CSS in the past and with this new page, the menu area background image that I created is not showing up. When I click on the left anything slider button there appears to be a background image showing up behind the button— so I suspect that something going on there between the menu area and the Anything Slider setup. I’ve been looking for overlap area between the 2 menu and anything slider but don’t see any by turning off hiding overflow.

    Here’s the link:

    in code pen.

    I wanted to use the metallic theme for anything slider.
    I have only modified to theme to take out the borders and that is all.

    here’s the site in development:

    The buttons do show up on the page in development but not in code pen. I think that is because of their location on the far left and right areas of the page.

    Thanks for any suggestions.


    In your [HomeV3.css]( on line #113, you have:

    .back {
    width: 20px;
    margin: 0px;

    *remove padding-top: 70px;*


    Check line: #135

    .back:hover {
    background-image: url(../images/MenuHighlight.png);
    color: #000;

    You are loading wrong image on hover.

    Hope that helps, Alen

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.