Margin in rows - by addingadds - on WordPress WooCommerce support

This topic has 20 replies, 4 voices, and was last updated 9 years, 2 months ago ago by Robert Hall

  • Avatar: addingadds
    addingadds
    Participant
    August 30, 2015 at 15:03

    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?

    Please, contact administrator
    for this information.
    19 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 31, 2015 at 13:38

    Hello,

    Please specify what elements exactly you want to modify and provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: addingadds
    addingadds
    Participant
    August 31, 2015 at 14:04

    see private content

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 31, 2015 at 16:15

    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.

    Avatar: addingadds
    addingadds
    Participant
    September 7, 2015 at 09:02

    Hi agin.

    Maybe im not saying it right. the space is white. I want space between so that background is visible.

    Avatar: addingadds
    addingadds
    Participant
    September 7, 2015 at 09:07

    screendump

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 7, 2015 at 12:23

    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.

    Avatar: addingadds
    addingadds
    Participant
    September 7, 2015 at 13:23

    I cant see changes?
    There is no gab between the element ?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 7, 2015 at 13:47

    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.

    Avatar: addingadds
    addingadds
    Participant
    September 7, 2015 at 13:52

    the code should be there
    css

    gap / space where the blue is.
    gap

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 7, 2015 at 15:30

    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.

    Avatar: addingadds
    addingadds
    Participant
    September 7, 2015 at 15:43

    I want to keep the white background !

    But i want to make air/gap/space between the 3 boxes. as shown on picture.

    Avatar: addingadds
    addingadds
    Participant
    September 7, 2015 at 16:03

    like this.

    Avatar: Eva
    Eva Kemp
    Support staff
    September 7, 2015 at 19:22

    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.

    Avatar: addingadds
    addingadds
    Participant
    September 8, 2015 at 07:07

    it looks ok in browser but not in responsive ?

    If this cant be done with responsive, let me know.

    Avatar: addingadds
    addingadds
    Participant
    September 8, 2015 at 07:10

    is it not possible to make a transparent border around the 3 elements instead ?

    Avatar: addingadds
    addingadds
    Participant
    September 8, 2015 at 07:14

    one of your demos has this feature ?

    how is that made? this looks like what i am after!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 8, 2015 at 11:51

    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.

    Avatar: addingadds
    addingadds
    Participant
    September 8, 2015 at 12:01

    Thank you!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 8, 2015 at 12:05

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Margin in rows’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.