Twenty Ten change Image Gallery Background & Margins

• 

  andrewhallnz · Member · Dec 22, 2015 at 3:47 am

  • Copy link
  • Add topic to favorites

  I would like to make the image gallery background black and to make the margins either round each image a little wider or, make the margin around the outside of the entire gallery a little wider. I have managed to get the background color to change by not the margin width.

  `div.gallery-row {
  margin: 0 auto;
  background-color: rgba(0,0,0,255);
  }’

  The example page is http://sufinz.com/living-sufism/

  Thank you for any help

  Andrew

  The blog I need help with is: (visible only to logged in users)

• 

  lindamork · Staff · Dec 23, 2015 at 2:31 am

  • Copy link

  Hi Andrew,

  You can try adding some padding to your .tiled-gallery .gallery-row div and see if that’s the direction you want to go. Maybe something along these lines:

  .tiled-gallery .gallery-row {
  	padding: 15px;
  }

  Cheers!

• 

  andrewhallnz · Member · Dec 23, 2015 at 3:09 am

  • Copy link

  Hi Linda,

  Thanks for that. It works very well on my laptop but gets pushed to the right (padding wide on right narrow on left) on my iPad in both vertical and horizontal orientation. Perhaps I better stick with what I have got which is pretty close.

  Thanks again

  Andrew