WordPress.org

1. FunFused.com
   Member
   Posted 5 months ago #

   How do i have gallery images vertically separated. I have border around the images and when displayed, the borders overlaps each other...

   How can i fix this?

   Thanks

   For demo:
   http://www.funfused.com/humor/funny-customized-number-plates/

   the bottom border of image 1 overlaps with top border of image 2 and so on creating the thicker intersection. i want to display the images totally separated with each other so that the overlaps is not there.

   thanks

2. mookasaurus
   Member
   Posted 5 months ago #

   You can add margin-bottom to the image or the container div like .gallery-icon or .gallery-item.

3. FunFused.com
   Member
   Posted 5 months ago #

   no it dint work... any other solution.. margin-bottom makes no difference at all...

4. mrmu
   Member
   Posted 5 months ago #

   I think mookasaurus was right.
   Try to open /wp-content/themes/MobileWorld/css/screen.css , and find line 54, there is a "dl dt {...}" setting, add one more css code as like:
   

   dl dt{
   font-weight: bold;
   margin-bottom: 10px;
   }

   I think it works, but suggest create new css class to set margin, otherwise all "dl dt" will apply margin effect.

5. FunFused.com
   Member
   Posted 5 months ago #

   what is dl dt?

Reply

You must log in to post.