Reposition Prev / Next images

  • Resolved limbo99

    (@limbo99)


    10 years, 6 months ago

    Hi,

    I have been working & liking SLB and have been able to move things around a bit. I have repositioned previous and next arrows to be on the outside of my images and also moved the slideshow controls to a top corner.

    Now i have been trying to move the previous / next arrows so they sit in the lower right corner outside my image. I am able to position the arrows more or less as wanted but then i loose the “hotspot” for the previous image…. To be precise i dont actually loose the “hotspots” they just are repositioned out of the image completely. How could i fix this?

    PS. also i guess i should have made my own theme but instead i edited the default one.

    link:
    raulcorderostudio.com/RC1/artwork/2011-2/

    https://www.ads-software.com/plugins/simple-lightbox/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Archetyped

    (@archetyped)

    Hi, my suggestion would be to leave the navigation buttons that overlay the content untouched (you can hide the arrow images if you want to). This way, the prev/next click targets over the image will still be accessible.

    Then, style the nav buttons in the slb_details element (hidden by default) so that they are positioned as desired.

    See here for more information on the layout for SLB’s default theme.

    Thread Starter limbo99

    (@limbo99)

    Thanks! that is simple and brilliant!

    Just one more thing. I looked for slb_details and thought editing slb_nav was enough, which in a sense it is, but then i end up with text links… in the right position, but text links… those i can change in the admin, but could you point me in the right direction to get the buttons to display there?

    I did this:
    .slb_nav {position:absolute;top:5px;right:0px;}

    So then i tried something like:
    .slb_prev {background-image:url('../images/nav_prev.png'); no-repeat}
    AND
    .slb_nav .slb_prev {background-image:url('../images/nav_prev.png'); no-repeat}

    Nothing happened, i think am close. In any case thanks, love the plug in!!

    Plugin Author Archetyped

    (@archetyped)

    I’d recommend taking a look at CSS for the nav buttons that show arrows by default.

    Specifically, you want to make sure you’re targeting the right element:

    .slb_details .slb_next .slb_template_tag {
	background-image: url("../images/nav_next.png");
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reposition Prev / Next images’ is closed to new replies.