Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 16, 2019 at 6:10 pm #1054622
    NicomIT

    I’m having issues seeing edits that I have made in my child theme’s CSS. I could be forgetting something simple, but I am pretty sure I’m doing things correctly. I tried changing the font face and color of the H1 text to:

    	font-family: eurostile, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #f3703a;

    But I’m not seeing any changes. To be sure I was targeting the correct CSS, I added a custom class to the text box on the home page called “content-text” and added the above code to it, but still don’t see the new font and color.
    If I do this:
    color: #f3703a !important;
    I see the new color in the element preview area when editing the page. But not in the browser when I view the page itself.
    The URL/password to view the website is in the private content area. If someone could have a look at this, it would be great. Thanks.

    • This topic was modified 5 years, 11 months ago by NicomIT.
    January 17, 2019 at 3:43 pm #1055022
    NicomIT

    Just an update on this. This morning the changes to the H1 I made with the custom class appeared randomly. I had added a border under the text to see if that would show up, which it did. However, I just removed it from the CSS and it is still there. So I’m not sure what is going on. This should be pretty straight forward and I have made changes to the child CSS file to customize many websites using Enfold and haven’t run into this before.

    January 18, 2019 at 4:47 am #1055337
    Mike

    Hi,
    Sorry for the late reply, it sounds like you have the css & js file merging enabled, while making your css edits directly into the child theme style.css.
    The merged files only update then the theme settings are updated, such as clicking the big blue button “save all changes”, saving the style.css file doesn’t update the merged files.
    So you could save the theme settings to force re-building the merged file, if the button is not clickable, try adding a blank space into the Quick CSS field to activate the button.

    For best results, try disabling the merged css & js, and disable any caching plugin, and enter your css into the “Quick CSS” field while you are creating your site. Once you are done you can move all of your css to the style.css and enable your caching & merging.
    I hope this helps explain what is happening.

    Best regards,
    Mike

    January 21, 2019 at 6:02 pm #1056833
    NicomIT

    Thanks for the info Mike. It looks like that’s what the issue was. Is merging those files enabled by default in the latest version of the theme now? I didn’t select that option and haven’t run into it before when modifying the child theme CSS. Also, do I need to disable that for the JavaScript file (which I did) or just for the CSS file since it was just the style.css in the child theme that I am working with. Thanks again for the help.

    January 22, 2019 at 3:22 am #1056996
    Mike

    Hi,
    Since you are working on css, I would recommend disabling only the css merging, but it won’t harm to disable both.
    I believe that if you update from a pre v4.5 version the option is enabled by default, but once you set the option the next update will follow your setting, that is if you have it disabled the next update won’t enable it.
    The theme will always follow your settings for all options, but if a new option is added the dev team tries to make a good choice.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    January 22, 2019 at 2:42 pm #1057222
    NicomIT

    Thanks Mike. That’s good to know. I think everything it all good now. Thanks for the help.

    January 22, 2019 at 5:08 pm #1057316
    Nikko

    Hi NicomIT,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Not Seeing Edits to Child CSS’ is closed to new replies.