Hi,
I’m using Enfold theme with a child theme.
I want to make changes to the avia-builder-rtl.css file but when I include the changes in the style.css file of the child theme it doesn’t apply. The changes I want to make are working if I update the file directly but I don’t want them to be deleted when I update the theme.
So how can I make this work. Where should I place the changes?
Thanks
Hey sasha,
Thank you for the inquiry.
Which specific css are you trying to override? Have you tried using the !important rule to give priority to the css rules in the style.css file?
// https://css-tricks.com/when-using-important-is-the-right-choice/
Best regards,
Ismael
Hi Ismael,
I tried adding !important but it didn’t work.
I’m trying to change these from right to left:
.rtl div.avia_layout_column,
.rtl div.avia_layout_section,
.rtl div.avia-highlight{
float: left;
}
.rtl div.avia_layout_column.avia-first-col{
clear: left;
}
Hi,
Did you toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code? Make sure to purge the cache too before checking the page.
.rtl div.avia_layout_column,
.rtl div.avia_layout_section,
.rtl div.avia-highlight{
float: left !important;
}
.rtl div.avia_layout_column.avia-first-col{
clear: left !important;
}
Best regards,
Ismael
Yes. I did all that…
It’s really strange – I made some other changes and they applied but these didn’t.
I tried putting the code in the Quick CSS area and it worked but only once – I removed it and then tried to place there again and it didn’t work anymore…