-
Posts
-
Im not sure what’s happening here, as mentioned on this thread: #1403416
Deactivating plugins isn’t really an option & the issue is with the theme itself injecting the CSS in a manner that isn’t able to overwritten. This is new, and I’m using the latest theme update. I have been styling the theme. Adjusting the cells/columns for mobile doesn’t work in the built-in version, as the option to set the padding isn’t precise enough for use on different browser sizes.
————————————————————————————————————————————
I’m having the same issue. ANY time I update any page using the ALB, it rewrites the dynamic_avia CSS file for that page & resets everything.
It also then adds an “!important” statement on the div, so I can’t even overwrite it in the custom css file.
So if I have the desktop layout where I want it, then use media queries for mobile, I can’t overwrite them without editing the mobile media query in the dynamic css. But any time I make a change in the WP admin in the page, it discards that file entirely.
Example:
@media only screen and (max-width: 767px)
.responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
}This doesnt work for what I need, so I need to edit the “dynamic css”, but any time I edit the page related to that generated CSS file, it resets.
I even tried changing the write permissions after getting the styling that I wanted, but it seems every time I save the page, it deletes that page’s CSS file.
Hey Jmcguiness03,
Please link to your page so we can see the element and what you are trying to do.Best regards,
MikeHi,
What specific changes are you attempting to make to the “.responsive #top #wrap_all .av-flex-cells .no_margin” element? Could you please provide an example of the desired CSS?
It’s worth noting that you can override the styles of the element, even if some of its CSS properties have the “!important” rule. You can achieve this by adding the CSS code either in the Quick CSS field or the child theme’s “style.css” file. Before testing the page, please ensure that you temporarily disable the “Enfold > Performance > File Compression” settings and the “Autoptimize” plugin to regenerate the stylesheets.
Best regards,
IsmaelI’ve already explained this multiple times. However, I am using the custom.css file – as directed by the notes in the style.css file. Perhaps this is this problem!
Hi,
Thanks for the link to your page, for the top grid row element you would try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #main .av-flex-cells .no_margin.av-zero-padding { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } }but the background image with the hat will also need this css:
@media only screen and (max-width: 767px) { #av-layout-grid-1 > div.flex_cell.av-gridrow-cell.av_one_half.no_margin.avia-builder-el-4.el_after_av_cell_one_half.avia-builder-el-last.av-zero-padding > div > div > div { padding: 230px 8%; } }Please see the screenshot in the Private Content area of the expected results.
Best regards,
MikeSorry, my issue wasn’t with the styling of the CSS. It was with Enfold overwriting my CSS (I was using the custom.css file – no child theme – my fault). !important didn’t work in this file.
So the theme was overwriting the “!important” declarations in the custom.css file. So I was editing the CSS files in the Dynamic_Avia directory, but every time I made an update to the page and saved, that CSS file be replaced and until I figured it our, I was losing all of my work. Obviously I cant have the client making text tweaks & breaking all of the CSS every time.
Hi,
Did you try the css I provided above?
You can not edit the css in the Dynamic_Avia directory, you should ensure that your css has enough specificity to overwrite the css you want to overwrite.
I believe that you will find this works because of its specificityBest regards,
Mike
- You must be logged in to reply to this topic.