Page 1 of 1

Remove space between images

Posted: Fri Apr 18, 2014 9:55 am
by rockyalife
Hi! I've been looking for an answer for a long time and I still didn't find any solution
I'm trying to insert multiple images but I can't remove the margin on the top of each image in order to make it like it's just one image.
I don't know if I'm making myself clear so I'm sending an example: http://s24.postimg.org/53occ594l/Capturar.jpg

Can anyone please help me?
Thank you in advance! :)

Re: Remove space between images

Posted: Fri Apr 18, 2014 10:31 am
by IP_CAM
just try to make it easy on you.

1.Pull with right Mouse Clicked over a little extended Area of images, so you get the whole section marked:

Image

2. Check Page Source Code for all CLASS-Definitions within the MAIN DIV-Section related:

Image

3. Check the CSS-Section related to and set the top/bottom margins as well as paddings to '0'

Image

It may take a little trying, but it should work.

BUT BE CAREFULL, any such changes will have effect on ALL Section wich are controlled by the CSS Content changed.
It therefore may be better to write a CUSTOM CSS Command directly into the DIV Section you place the images.

Using Mozlla Firebird, a CSS Analyzer can be downloaded as Add-On, then you can directly view the CSS related to whatever you need to work on!

Image

Good Luck!

Ernie

Re: Remove space between images

Posted: Fri Apr 18, 2014 11:09 am
by rockyalife
Hi! Thank you very much for your quick answer but I'm very sorry but I forgot to mention that my problem is on the description of the products

Thank you!

Re: Remove space between images

Posted: Fri Apr 18, 2014 11:37 am
by IP_CAM
no idea what you mean with 'on the description'...

Re: Remove space between images

Posted: Fri Apr 18, 2014 11:49 am
by rockyalife
Yes on the product's description, on ckeditor, I wanted to put some images together without the spaces as shown in the example

Re: Remove space between images

Posted: Fri Apr 18, 2014 8:24 pm
by IP_CAM
just make sure to use the editor in Souce-View and remove any <p> between the individual imagelinks.