Center the navigation

  • Resolved Eliot Akira

    (@miyarakira)


    12 years, 7 months ago

    This is just a note for anyone else who wants to center the navigation arrows and close button. Add the following in your style.css:

    #swipebox-action #swipebox-prev {
	left:50%; margin-left: -75px;
}

#swipebox-action #swipebox-close {
	left:50%; margin-left: -25px;
}

#swipebox-action #swipebox-next {
	left:50%; margin-left: 25px;
}

    http://wordpress.org/plugins/responsive-lightbox/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Dean

    (@kotsyeno)

    12 years, 6 months ago

    i have been trying to look for a solution for these but i was unable. i use “add this” on my website. so when i would open an image those buttons at the corner would be blocked. it works.
    i have question though, can you change and put the navigation and close button at the top?
    my website http://itechjungle.com

    Thread Starter Eliot Akira

    (@miyarakira)

    12 years, 6 months ago

    You can try this: #swipebox-action.visible-bars { top: 0px !important; }

    Dean

    (@kotsyeno)

    12 years, 6 months ago

    Fantastic… it worked.. jst as i wanted.. this is amazing…
    i was trying so that images such as on this page http://itechjungle.com/maasai-mara-game-reserve-2/ ; the buttons appear up… fantastic. u have saved me a lot, and i tried and tried and checked everywhere… thanks Miyarakira.. you have been of great help…

    Thread Starter Eliot Akira

    (@miyarakira)

    12 years, 6 months ago

    I’m glad it worked. 🙂

    photoMaldives

    (@photomaldives)

    12 years, 6 months ago

    excellent, miyarakira, thanks for sharing your code – this was just what I needed. 🙂

    callmebruce

    (@callmebruce)

    11 years, 10 months ago

    Great work, vast improvement on the default layout in my opinion.

    Dont forget to modify/comment out the media query that reset’s the size for screen’s less than 800px

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Center the navigation’ is closed to new replies.