Support » Theme: Hueman » Move Slider Navigation buttons up

  • Resolved colinonearth

    (@colinonearth)


    Hi
    I’ve removed the header bar and now need to move my slider navigation buttons up..
    How do I do that?
    Thanks so much

Viewing 10 replies - 1 through 10 (of 10 total)
  • .

    (@techievous)

    Please post a link to your site. It seems you’ve already customized the theme a bit; it’d be much easier for us to help if we can actually see the site at this point.

    colinonearth

    (@colinonearth)

    shinealivenow.com

    .

    (@techievous)

    Are you talking about the arrows that point left and right? If so, then we can use this:

    #flexslider-featured .flex-direction-nav {
    top: -36px;
    }

    And this is to remove the background of those arrows and change the color the nav arrows:

    #flexslider-featured .flex-direction-nav {
    background: none; /* background of slider nav */
    color: #000; /* color of the slider nav arrow */
    }
    colinonearth

    (@colinonearth)

    perfect – thank you.
    Have a look – the buttons are too big now…. and overlap 🙁

    .

    (@techievous)

    We can just remove the background of the arrow:

    #flexslider-featured .flex-direction-nav {
    background: none; /* background of slider nav */
    }
    colinonearth

    (@colinonearth)

    Doesn’t do it.
    Might be the arrows are graphics?

    .

    (@techievous)

    It works on my test. See screenshot here: http://i.imgur.com/JbDLUvw.png

    May I ask how are you applying these custom CSS?

    Edit: found the error, my old code was missing an a. Sorry about that, please try this new one

    #flexslider-featured .flex-direction-nav a {
    background: none; /* background of slider nav */
    }

    Also, if you could please stop the auto scroll next time when asking question related to the slider, that would be much appreciated. Whenever the thing scroll, the inspection view refreshes, making it extremely annoying to try to identify the codes.

    colinonearth

    (@colinonearth)

    YES!!!!
    That fixes it.
    What is the ‘a’ for?

    Thank you so much!

    .

    (@techievous)

    It’s for links, but in this case, it has less to do with links than with being specific. Without the a the new style wasn’t specific enough to overwrite the original styles; the original styles still overwrites the new style because it was more specific. Adding the a allows the new styles to be at the same level, and plus putting it at the bottom or in custom css allows the new style to overwrite the old.

    hi
    how can i change the height of the nav buttons?
    here is a snapshot

    snapshot

    thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Move Slider Navigation buttons up’ is closed to new replies.