Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 14, 2019 at 5:16 am #1066776
    gstast

    Hi,

    I would like to set the bottom margin to 0 on a column that is inside a color section. Because on mobile I want no spacing between the columns on the top and bottom. Everything looks good on the computer but on mobile, there is a margin on the bottom of 20px.

    February 15, 2019 at 5:25 am #1067282
    Rikard

    Hey gstast,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .post-entry .av_one_fourth {
  margin-bottom: 0;
}
}

    Best regards,
    Rikard

    February 15, 2019 at 6:10 pm #1067510
    gstast

    Thank you Rikard,
    You know I did it and there is still a margin thereof 20px at the bottom.

    February 15, 2019 at 7:01 pm #1067521
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so that it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    February 15, 2019 at 7:23 pm #1067534
    gstast

    Hi Jordan,
    I did that and still nothing. I added it to the very top and cleared the cache in chrome. Still, there is a bottom margin of 20px

    • This reply was modified 5 years, 10 months ago by gstast.
    February 15, 2019 at 9:57 pm #1067568
    Jordan Shannon

    Hi,

    Thanks for clarifying. Add this to quick css:

    @media only screen and (max-width: 767px){
.flex_column.av_one_fourth.avia-builder-el-23.st-aaa {
margin-bottom:0px!important;
}}

    Best regards,
    Jordan Shannon

    February 15, 2019 at 10:09 pm #1067574
    gstast

    Thanks Jordan,

    It partially worked only on one element and not on all similar elements. Why is that?

    February 15, 2019 at 11:11 pm #1067581
    gstast

    Now it is not working at all again and I get a margin back on all elements. I have attached my custom CSS code. Maybe I am missing something.

    February 19, 2019 at 6:47 am #1068778
    Mike

    Hi,
    Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
.responsive #top #wrap_all #hardware .flex_column {
margin-bottom: 0px !important;
}

    Best regards,
    Mike

    February 21, 2019 at 5:37 am #1069780
    gstast

    Hi Thanks Mike,

    Although it didn’t work. I erased the previous code and pasted your code into the quick CSS and nothing happens.

    Please advise.

    February 21, 2019 at 7:10 am #1069801
    Mike

    Hi,
    Please see the screenshot in Private Content area, of before and after to ensure we are talking about the same element. If after clearing your browser cache it still doesn’t work, then Please include a admin login in the Private Content area so we can take a look.

    Best regards,
    Mike

    February 21, 2019 at 11:18 pm #1070135
    gstast

    Yes! exactly. I would like to do that for that section and the other sections too. But yes that is what I am talking about. Have you seen all of my CSS code in the private section? No matter what I put when it reloads it is still there. Could it be because of SG Optimizer?

    Thanks so much!

    February 22, 2019 at 3:00 am #1070164
    Mike

    Hi,
    Please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    February 22, 2019 at 7:30 pm #1070460
    gstast

    Here it is please take a look.

    February 23, 2019 at 5:56 am #1070566
    Mike

    Hi,
    Thank you for the login, I didn’t see the code in your css, so I added it to your WordPress > Customize > Additional CSS and tested, it seems to be working fine.
    Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.