Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • April 4, 2017 at 2:36 pm #771793
    kevince52

    Hi,

    For some reason any styles I add to my child theme do not work. If I put the same styles in the Quick CSS section they do work. I can edit the CSS in TextMate and see the changes in LiveStyle in Chrome. I save the CSS file to server and reload screen, changes no longer there. I open the CSS file again and everything is there but the styles are not applied to the site. I copy and paste the entire content of enfold_child/styles.css to Quick Styles in theme options. Save and now I have changes. I’d rather not use this workflow. Can you tell me why styles.css is not working in child theme and how to fix?

    My server is pretty fresh. 1 click install of WordPress on DigitalOcean droplet. No other plugins are installed or active. Just Enfold theme. 4.0.4 and Enfold Child.

    Thanks.

    April 4, 2017 at 2:39 pm #771794
    kevince52

    Sorry 1 plugin “Easy Twitter Feed Widget”. Deactivated and issue is still there.

    April 4, 2017 at 3:28 pm #771825
    Robert

    Hi,
    there’s a ZIP-File to use a child theme for Enfold:
    Using a child theme – Enfold

    I think the naming convention for the folder is <themename><hyphen>child”
    so “enfold-child” not “enfold_child”.

    If this part is correct you should see the child Theme still need to activate your child theme.
    Login in your WordPress-Dashboard. Go to “Appearance” > “Themes” and activate the child theme.

    hope I could help.
    Robert

    • This reply was modified 7 years, 7 months ago by Robert.
    April 4, 2017 at 3:34 pm #771827
    kevince52

    Sorry that was just my typing. I am using the child theme it was the one you provided. It is active and working fine other than these issues with styles.

    April 4, 2017 at 4:49 pm #771859
    Robert

    Is the child theme’s style.css loading correctly?
    when you look on the source code of the website you should find something like this:

    
<link rel='stylesheet' id='avia-style-css'  href='http://www.your-website.com/wp-content/themes/enfold-child/style.css' type='text/css' media='all' />

    The important part is: /wp-content/themes/enfold-child/style.css
    To view the source code you could use <ctrl>+<u> in your browser.

    If you find that line, the correct CSS file should be loaded.
    Then you could check your CSS rules – probably its a problem with the rules then…
    maybe they get overwritten?

    • This reply was modified 7 years, 7 months ago by Robert.
    April 4, 2017 at 4:59 pm #771870
    Robert

    a more radical approach to test if your CSS-file is loaded correctly would be to add an rule like this:

    body {
display: none !important;
}

    now your website should be empty.
    but I don’t recommend this for your production environment! ;)

    April 5, 2017 at 12:45 pm #772472
    Nikko

    Hi,

    Can you give a link to your site? so we can inspect it.

    Best regards,
    Nikko

    April 5, 2017 at 1:24 pm #772500
    kevince52

    Hi,

    Thanks for checking in. I am beginning to think this has something to do with caching. I made some changes last night using my normal method of editing CSS file. A few changes, no problem. I use Chrome, TextMate and Emmet LiveStyle to edit CSS. I saved my changes to the server and all good. Then I made one more change. Very small but obvious. I added 25px of padding to top of footer. Looked great in LiveStyle. I saved to server, turned off LiveStyle and refreshed browser. No 25px. Had enough for the night and walked away. This morning 25px is there.

    I can confirm that the child CSS file is loading. You can take a look too.

    Could this just be browser cache? I’ve not seen it do that before.

    I have included the link and I can give you credentials if you need them. I do appreciate your efforts.

    Thanks,

    Kevin

    April 5, 2017 at 2:51 pm #772594
    kevince52

    Bit of an update.

    I changed an image I used as a background in the CSS file. The changed image was not reflected on the site.

    So I told the server not to add a query string to the CSS file and everything works now.

    April 9, 2017 at 11:34 am #774889
    Victoria

    Hi kevince52,

    Could have been cache, sometimes caching gets very aggressive and it works at many levels.

    Glad you got it working for you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 12, 2017 at 4:03 pm #792365
    kevince52

    Hi,
    Having issues again. It looks like Enfold is doing something to the CSS for versioning. When I look at the CSS source the child css file is coming from:
    <link rel="stylesheet" id="avia-dynamic-css" href="http://www.il-mercato.ca/wp-content/uploads/dynamic_avia/enfold_child.css?ver=58e3fa42e9031" type="text/css" media="all">
    Is there a way to disable this?

    May 12, 2017 at 10:06 pm #792523
    Basilis

    Hi,

    That is the file of the theme settings, it loads any CSS from there.

    Best regards,
    Basilis

    May 13, 2017 at 1:09 am #792564
    kevince52

    Maybe I am not explaining myself correctly. When I make a change to the style.css file in my child theme the dynamic css file does not update. Is there a way to turn off dynamic CSS until I’ve made all the changes I need then back on again. Kind of like a development mode?

    May 13, 2017 at 3:36 am #792585
    Mike

    Hi,
    Sorry that is not possible.

    Best regards,
    Mike

    August 26, 2018 at 11:21 pm #1002051
    sthubertus

    Hi,
    also have issues with this.
    Entry in the style.css of the child theme seems not to work, or, maybe works but very delayed.
    Eg. we added styles and they seemed not to work, so put them into the customizer css.
    After a while we could delete it from the customizer, as now the style.css seems to have been taken into consideratio.
    But again, if we edit here now, no effect (now).

    How to trigger that any change in style.css has an immediate effect?

    Thx

    August 27, 2018 at 2:12 am #1002081
    Mike

    Hi,
    When adding css in the style.css the merged styles is not rebuilt, to force this please re-save the theme settings, that is the big blue button at Enfold Theme Options. If the button is not allowing you to click it, add a blank space in the Enfold Theme Options > General Styling > Quick CSS field, then you can click the button.
    Then clear your browser cache.
    You should also disable Enfold Theme Options > Performance > JS & CSS file merging and compression, and any caching plugin until you are done building your site.

    Best regards,
    Mike

    August 27, 2018 at 9:14 am #1002175
    sthubertus

    Hi Mike,

    Thanks for quick reply – this solves the issue!

    Wolfgang

    August 27, 2018 at 3:46 pm #1002317
    Victoria

    Hi Wolfgang,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 27, 2018 at 3:46 pm #1002318
    Victoria

    Hi Wolfgang,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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