Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 15, 2019 at 10:45 pm #1118973
    indurango

    Hello,

    First of all thank you for your efforts in supporting.

    My problem is; changing styles.css in the child theme folder does nothing. My custom styles are overwritten either by layout.css or by enfold-child.css inside dynamic_avia folder.

    If I use QUICK CSS under GENERAL STYLING then it works but it is not a convenient way to work. Isn’t there a possible way to fully use the child theme styles.css file for styling?

    CSS file merging and compression is DISABLED while I am developing.
    I even tried to ENABLE it thinking that my child theme styles.css will be reloaded but it did not help.

    Help is appreciated.

    July 16, 2019 at 5:31 am #1119036
    Mike

    Hey Enis,
    When you add css to style.css please try adding a blank space to the “quick css” field and save, then clear your browser cache and check.

    Best regards,
    Mike

    July 16, 2019 at 11:18 am #1119122
    indurango

    Hello Mike,

    Unfortunately it did not work.
    It only works if I place the styles to QUICK CSS.. But it never reads from my Child Theme Styles.css

    This has been a long time problem and I am surprised Enfold did not find a solution for this..
    QUICK CSS is cool but it is not practical to work when dealing with lots of styles..

    July 16, 2019 at 1:46 pm #1119147
    Mike

    Hi,
    Please include an admin login in the Private Content area, and point out one css style that is not working in your style.css so we can check.

    Best regards,
    Mike

    July 16, 2019 at 1:59 pm #1119149
    indurango
    This reply has been marked as private.
    July 17, 2019 at 4:11 am #1119364
    Ismael

    Hi,

    Thank you for the update.

    It should be style.css file without the “s”. Please rename the file. And don’t forget to toggle the Enfold > Performance > File Compression settings afterwards, if it’s enabled.

    Best regards,
    Ismael

    July 17, 2019 at 9:43 am #1119474
    indurango

    Hello Ismael,

    Sorry it was my mistake when typing here in the ticket I wrote the file name wrong.
    The file name is correct. It is style.css in the enfold-child folder.

    Enfold > Performance > File Compression settings – Disabled but the custom styles are still ignored
    I am very sure that it is not a caching problem. I tried Deleting cache / Hard Code Refresh / Different browser and other solutions I came across here but nothing helped.

    This has been a long time problem with Enfold.
    What other solutions can you offer me?

    July 17, 2019 at 2:17 pm #1119582
    Mike

    Hi,
    Thanks for the feedback, I took a look at your child theme style.css, I found many errors in your css which I have adjusted for you, but there is one last error for a missing bracket which seems to be from a media query but I have not found which one it is yet.
    When I test your page your css is showing for mobile screens, so this tells me the media query error is before the 768px brake.
    To find the error I recommend removing the css and adding back a little at a time until the error is found.
    Please give this a try and let us know if you find it.

    Best regards,
    Mike

    July 17, 2019 at 3:11 pm #1119602
    indurango

    Hello Mike,

    Thanks for the answers.
    I will do what you offer. But can you tell me what kind of errors did you find? Can you give me an example you changed so I can learn the mistake..

    Do you mean the brake occurs before the media query 768 for mobile because mobile shows css correct? Did I understand you correct? Sorry that English is not my native language that is why I needed to ask.

    But then here is the question, when I copy all the styles from STYLE.CSS and place it in QUICK CSS section, then every style works smoothly… How can we explain this?

    Thanks for your efforts..

    July 17, 2019 at 10:34 pm #1119707
    Mike

    Hi,
    Examples of css errors are missing “;” after rules and spaces in -ms- rule names, that is what I remember right off, but sorry I didn’t keep track of them.

    So the error occurs after 768px, up to that the css shows. So I believe that a bracket is missing from a “max-width: 767px” rule but it could be the other way too I guess.

    I believe that the reason you don’t see the same errors from the Quick CSS is because of the order the css is loaded, the Quick CSS is loaded last so errors only affect the one file, since style.css is loaded before the error can take out an entire stylesheet that loads after. We will know more once we solve this, but the first step is to correct your css.

    Best regards,
    Mike

    July 23, 2019 at 10:24 pm #1121273
    indurango

    Hello Mike,

    I did what you told me and cleaned my style.css file. Now things are working smoothly.
    Last, can you please tell me if Enfold-child theme’s style.css file over writes base.css, layout.css and grid.css ?

    I want to add some media queries for different screen widths for tablets and mobiles (both portrait and landscape orientations).

    Thanks,
    Enis

    July 23, 2019 at 11:52 pm #1121332
    Mike

    Hi,
    The child theme style.css will override the core css with the correct sectors and specificity.
    Please let us know if you would like some help with this.

    Best regards,
    Mike

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