WordPress.org

Forums

Hueman
[resolved] Move Slider Navigation buttons up (11 posts)

  1. colinonearth
    Member
    Posted 9 months ago #

    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

  2. .
    Member
    Posted 9 months ago #

    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.

  3. colinonearth
    Member
    Posted 9 months ago #

    shinealivenow.com

  4. .
    Member
    Posted 9 months ago #

    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 */
    }
  5. colinonearth
    Member
    Posted 9 months ago #

    perfect - thank you.
    Have a look - the buttons are too big now.... and overlap :(

  6. .
    Member
    Posted 9 months ago #

    We can just remove the background of the arrow:

    #flexslider-featured .flex-direction-nav {
    background: none; /* background of slider nav */
    }
  7. colinonearth
    Member
    Posted 9 months ago #

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

  8. .
    Member
    Posted 9 months ago #

    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.

  9. colinonearth
    Member
    Posted 9 months ago #

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

    Thank you so much!

  10. .
    Member
    Posted 9 months ago #

    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.

  11. desatir7316
    Member
    Posted 8 months ago #

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

    snapshot

    thanks

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.