Space between banners - by Rodrigo - on WordPress WooCommerce support

This topic has 19 replies, 4 voices, and was last updated 3 years, 1 months ago ago by Rose Tyler

  • Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    February 24, 2021 at 16:11

    Hello!!
    I’ve tried many times delete this space http://prntscr.com/105qom3 between banners. But I cant’t finde where.
    Margin, border and padding is 0px in column and row settings…what can I do? 🙁

    Thanks!!

    18 Answers
    Avatar: Muhammad Zaki
    Muhammad Zaki
    Support staff
    February 24, 2021 at 22:28

    Hello!

    Thanks for getting in touch with us. My name is Muhammad.

    It seems the row’s margin. Could you please share the wp-admin details so I can help you remove this space?

    Thank you!

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    February 25, 2021 at 09:15

    Hello Muhammad… (private content) you are administrator
    I would like to know how to do it…

    Many thanks!!!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 25, 2021 at 12:01

    Hello,

    Use the custom code to remove the default margin of the banner element
    https://prnt.sc/106h5mi

    .banner {
        margin-bottom: 0;
    }

    Regards

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    February 25, 2021 at 13:57

    Thanks!!!

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    February 25, 2021 at 14:02

    I understand,
    What if I want to affect only a specific row?

    Regards,

    Avatar: Muhammad Zaki
    Muhammad Zaki
    Support staff
    February 25, 2021 at 19:27

    Hello!

    The above space is from the banner, not the row.

    If you want to remove the space from the specific row then you can do from its settings.

    Please Edit a row and go to the design options: https://share.getcloudapp.com/L1uN6yDO

    Please let me know if you need further help.

    Thank you!

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    February 26, 2021 at 09:38

    Hello!
    Yes, I have done but it doesn’t work. I have tried in column and row. And I can’t see changes….
    Thank you for your effort 🙂

    Best regards,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 27, 2021 at 11:27

    Hello,

    Please provide screenshots for a better understanding of your problem. Describe your request in more detail.
    Thanks in advance.

    Regards

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    March 1, 2021 at 11:43

    Hello again!!
    As you can see (private) in this row http://prntscr.com/10a8a6l
    The space in row and column level is opx but the there is vertical space between banners http://prntscr.com/10a8g0l
    …and I can’t find the solution 🙂

    Best Regards,

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 2, 2021 at 13:49

    Hello,

    Use the custom code to remove the default margin of the banner element
    https://prnt.sc/106h5mi

    .banner {
        margin-bottom: 0;
    }

    In place where you need this space use the row or column settings.

    Regards

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    March 2, 2021 at 15:10

    Hello,
    “In place where you need this space use the row or column settings”…I write you because it doesn’t work http://prntscr.com/10a8g0l 🙁

    Regards,

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 3, 2021 at 18:50

    Hello,

    Have you added custom code to the place where I suggested you https://prnt.sc/106h5mi ?
    Could you, please, provide screenshot of CSS area where you added that code?

    Regards

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    March 4, 2021 at 09:16

    Hello again Olga,
    I have added custom code in that place, and it works. But I want add it only in a column or in a row. And it doesn’t work there. http://prntscr.com/10crflg http://prntscr.com/10crgd6 As you can see http://prntscr.com/10crhab
    You know what I mean??
    Thank you for your effort 😉

    Regards,

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 4, 2021 at 10:44

    Hello,

    Look, the code below removes space below the banner https://prnt.sc/10ct50y

    .banner {
        margin-bottom: 0;
    }

    If you really added it to page custom CSS you won’t have space there. These options https://prnt.sc/10ct5x9 do not change the built-in banner margins. Only that custom code change.
    Provide me link to your page where you added that code, I’ll check.

    Regards

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    March 4, 2021 at 11:11

    Hello
    (Private)

    regards,

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 4, 2021 at 14:53

    Hello,

    1) Just add the custom code https://gyazo.com/ad80e71fe614012c73090ddf62cecd7b
    2) Add margin for row or column in places where you need that https://gyazo.com/8e3fa2f0c4027745b1ef8092edab8f0e
    That’s all.

    Regards

    Avatar: Rodrigo Fernandez
    Rodrigo
    Participant
    March 5, 2021 at 09:29

    Ok Olga….many thanks!!!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 5, 2021 at 09:35

    Hello,

    You’re welcome!

    Regards

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

The issue related to '‘Space between banners’' has been successfully resolved, and the topic is now closed for further responses

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