I want to alter the margin-right on the 4th image in a list.
The HTML is like this:
<div class="moduletable_lbx">
<div class="custom_lbx" >
<p>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-001.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-001-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-002.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-002-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-003.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-003-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-004.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-004-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-005.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-005-thumb.jpg" alt="" /></a>
I created a little jQuery:
jQuery(".moduletable_lbx img:nth-child(4) ").css( "margin-right","0px");
but it doesn't work. I noticed that if I put 1 instead of 4 then all the right margins are taken off. If I put 2 then no margins are taken off.
You have to change it to this:
jQuery(".moduletable_lbx a:nth-child(4) img ").css( "margin-right","0px");
jQuery(".moduletable_lbx a:nth-child(4) img ").css("margin-right", "0px");<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="moduletable_lbx">
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-002.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-002-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-003.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-003-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-004.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-004-thumb.jpg" alt="" /></a>
<a title="" href="/images/lyndonosborn/columbia-lbx/columbia-Road-005.jpg" data-lightbox="group:columbia-Road;titlePosition:over;transitionIn:elastic; "><img src="/images/lyndonosborn/columbia-lbx/columbia-Road-005-thumb.jpg" alt="" /></a>
</div>