• Resolved Anonymous User 9824923

    (@anonymized-9824923)


    Hello. I’m having a problem figuring out how to reduce the margins and padding in my new theme since I can’t use negative values.

    Can anyone help me? I’m sending a picture attached https://imgur.com/a/SZ2Bp4c

    Best regards,

    Irina

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Stef

    (@serafinnyc)

    You need a way to declare your “sections” better. I’m not familiar with WP Advance Columns but is that like a page builder? Whatever you’re using to create sections and columns needs to add an additional class to it so you can have better control.

    For instance it is the section tag that is creating margins and certain columns that have a padding instance.

    You can’t simply add

    
    section{
    	margin:0px 0px!important;
    	padding:0 !important;
    }
    .lp-section-header{
    	padding-top:0 !important;
    }
    

    Because you will take away from other areas that may need it. The LP SECTION HEADER you can if it’s unique enough.

    It would be better if you could add an additional class like so

    
    section.irina{
    	margin:0px 0px!important;
    	padding:0 !important;
    }
    irina.lp-section-header{
    	padding-top:0 !important;
    }
    

    Hi there, you could try using something like that.

    Please have in mind that it is a CSS class, and may affect elements you were not expecting to change.

    /* Reduce padding */
    
    .lp-text {
        padding: 1em 0;
    }
    
    .lp-section-header {
        padding-top: 1em;
    }
    
    .lp-boxes .lp-boxes-inside, .lp-boxes .lp-boxes-margins {
        padding: 1em 0;
    }
    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    Hallo guys @felipeloureirosantos and @serafinnyc. It worked.

    Know I have just one doubt and one problem:

    DOUBT: why this codes to add the social media image before the footer widget titles aren’t working:

    #custom_html-2 h3.widgettitle::before {
    content: url(“https://irinasopas.com/wp-content/uploads/2019/05/facebook-preto.svg”);}

    #custom_html-4 h3.widgettitle::before {
    content: url(“https://irinasopas.com/wp-content/uploads/2019/05/twitter-preto.svg”);
    }

    #custom_html-3
    h3.widgettitle::before {
    content: url(“https://irinasopas.com/wp-content/uploads/2019/05/instagram-preto.svg”);
    }

    PROBLEM: why isn’t my facebook html-widget not responding the 400 width?

    @serafinnyc saved all the codes you gave for my other theme.

    Kisses

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce padding or margins top and bottom’ is closed to new replies.