This topic has 20 replies, 4 voices, and was last updated 9 years, 2 months ago ago by Robert Hall
Hi … i have this site.
I have 3 elements, but i cant seem to get a margin between the elements. When i make margin, the 3. element moves down to 2. row.
How can i make “air” between the elements without them moving down ?
And is there a way to make the corners rounded?
Hello,
Please specify what elements exactly you want to modify and provide us with WP Dashboard credentials in private content.
Best regards,
Jack Richardson.
see private content
Hello,
As I see space is present between columns:
http://storage8.static.itmages.com/i/15/0831/h_1441033747_2382088_c5ae9b2679.png
Please show a screenshot how you want to modify them.
To remove space under the slider and before footer add this code in Theme Options > Custom CSS > Global Custom CSS:
.page-content {
margin-top: 0px;
margin-bottom: 0px;
}
.page-heading-slider .wpb_revslider_element {
margin-bottom: 0px !important;
}
Best regards,
Jack Richardson.
Hi agin.
Maybe im not saying it right. the space is white. I want space between so that background is visible.
Hello,
Please use this code in Theme Options > Custom CSS > Global Custom CSS:
.vc_custom_1440943073315, .vc_custom_1440941824195, .vc_custom_1440941022483 {
background-color: transparent !important;
}
Best regards,
Jack Richardson.
I cant see changes?
There is no gab between the element ?
Hello,
As I see you haven’t added the code.
Do you mean gap between banners themselves or the element that goes after the banners text?
Best regards,
Jack Richardson.
the code should be there
gap / space where the blue is.
Hello,
I’ve removed white background color in the settings for all columns:
http://storage8.static.itmages.com/i/15/0907/h_1441636059_5193552_4e3edd0d87.png
Now the background is transparent, but your text content is hardly visible, you need to change font color.
Please check it now.
Best regards,
Jack Richardson.
I want to keep the white background !
But i want to make air/gap/space between the 3 boxes. as shown on picture.
like this.
Hello,
I’ve added this code in Global Custom CSS:
.vc_custom_1441649401934, .vc_custom_1441649410467 {
margin-right: 60px !important;
width: 29% !important;
}
.vc_custom_1441649418290 {
width: 29% !important;
}
Please check the page now.
Regards,
Eva Kemp.
it looks ok in browser but not in responsive ?
If this cant be done with responsive, let me know.
is it not possible to make a transparent border around the 3 elements instead ?
one of your demos has this feature ?
how is that made? this looks like what i am after!
Hello,
I moved the code from Global Custom CSS to Custom CSS for desktop section. Please check the page now.
Those elements are created with Banner element in Visual Composer editor.
Best regards,
Jack Richardson.
Thank you!
Hello,
You’re welcome!
Regards,
Robert Hall.
The issue related to '‘Margin in rows’' has been successfully resolved, and the topic is now closed for further responses