Tagged: Avia Layout, enfold, grid
I am trying to change the width and margins between the 1/3rd and 2/3rd columns of the grid in specific sections via the addition of QuickCSS, however, when I tag the layout items in the builder via Custom Css Class the updates are not reflected. Is this possible with some additional CSS I may be missing?
Quick CSS
div .new_one_third {
margin-left: 1%;
width: 33%;
}
div .new_two_third {
margin-left: 1%;
width: 65%
}
Hey TheRetailCoach,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hello Victoria,
Thanks for reaching out. Apologies for the lack of clarity.
Hi TheRetailCoach,
I did not see the custom class anywhere. Where are you adding the class?
Best regards,
Victoria
Hello Victoria,
I put the new_two_third new_one_third in the Avia builder’s add class feature on the 1/3rd and 2/3rd columns.
Kind regards
Hi TheRetailCoach,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
I do not see those classes on the page.
Best regards,
Victoria
Hi TheRetailCoach,
The code will work like this:
#top div .new_one_third {
margin-left: 1%;
width: 33%;
}
#top div .new_two_third {
margin-left: 1%;
width: 65%
}
Best regards,
Victoria