Hey there,
I am adding images within a page, however, there seems to be a predefined gap below these images, thus having a gap with the rows. Please advice on how I can approach this.
Website Url: https://leapdsc.com/leapdsc/client/astar/techdepot/about/
Img: https://1drv.ms/i/s!Ai3uwVtbSehutf0dvuW7p7MXni4iig
Hello leapdsc,
If you want to reduce this white gap between your images, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
margin-bottom: 5px!important;
}
The result is here -> https://www.screencast.com/t/y7hkxC0C
Thanks for your understanding!
Hey there,
thank you for the prompt response! It works but the code seems to be affecting the header and other elements as well which is under “image that are placed in the website” (Mainly refering to header image below main menu at pages). Is there a way to define only the 8 images in the page itself so it will not affect the other images?
Website Url: https://leapdsc.com/leapdsc/client/astar/techdepot/about/
Img: https://1drv.ms/i/s!Ai3uwVtbSehutf0dvuW7p7MXni4iig
Hello,
In order to make the css code more specific you will need to add the images on a separate row and add a custom class to the row in visual composer like so: https://www.screencast.com/t/Zsy0y8n0
Then you simply add your custom class name in the code provided like so:
.customimages .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
margin-bottom: 5px!important;
}
Thank you!
Hey there,
it seems to work slightly but I suspect it might still be affecting the rest of the images. Would like to check if I can work on it better.
Hey there,
As the previous post stated, I am still currently facing this issue with the space below the Images (11 images in blue).
Removing the space seems to affect some of the other images (under the same tag/id/class). Is there a way to better define it? Please advice me better on this.
url: https://leapdsc.com/leapdsc/client/astar/techdepot/
Image: https://1drv.ms/i/s!Ai3uwVtbSehutoJRBoAUznGdciZHAQ
Hi,
From what I can see you have modified the structure in the respective about page – https://www.screencast.com/t/Wmv5jdqEvhxM
I do not understand exactly what is the other problem and what difficulties are you having. Please try as Bogdan mentioned and assign a custom class to the Visual composer element then create the code based on that class, so it will apply specifically. Please correct me if I misunderstand and I will try to give you a better solution if this is the case.
Thanks
