Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 27, 2018 at 10:56 pm #1002465
    terrysteeley

    Hi, I am using the Enfold demo theme and am unable to get custom CSS to display.

    1. Initially, I loaded the Enfold child theme and added custom CSS to the ‘style.css’ file found in enfold-child theme folder and uploaded to the root directory. However, the styles created did not load on the web pages. Viewing the style.css document online clearly shows that the custom style is uploaded.

    2. I reverted to the Enfold parent theme and added custom CSS to the ‘custom.css’ file found in enfold theme CSS folder. However, the styles created did not load on the web pages. Viewing the custom.css document online clearly shows that the custom style is uploaded.

    I have changed web browser, emptied cache files and restarted my computer. Can you please offer any advice on how best I should customise the styling of the web page elements?

    Many thanks

    August 28, 2018 at 6:11 am #1002555
    Mike

    Hey terrysteeley,
    I would recommend disabling Enfold Theme Options > Performance > JS & CSS file merging and compression while you are creating your site. What is happening is that when you add css directly into your style.css the merged css file is not updated unless you save your theme options again, that is the big blue button at Enfold Theme Options.
    You can force your merged css to update by clicking this button, if you can’t click it, try adding a blank space in the Enfold Theme Options > General Styling > Quick CSS field and then you will be able to click it.

    Alternatively, you could simply add your css into the Enfold Theme Options > General Styling > Quick CSS field instead of the style.css
    If you ever find you are fighting with a tough element, the WordPress > Customize > Additional CSS has priority over other css.

    Best regards,
    Mike

    August 28, 2018 at 10:53 am #1002624
    terrysteeley
    This reply has been marked as private.
    August 28, 2018 at 2:02 pm #1002696
    Mike

    Hi,
    Perhaps the Quick CSS rules need more specificity of the classes and ID’s, ending your rules with “!important;” also helps.
    I recommend using a child theme for more reasons than css, such as adding filters and actions in the functions.php
    If you are having problems with a certain css rule, we will be happy to look at it for you.

    Best regards,
    Mike

    August 29, 2018 at 7:11 pm #1003242
    terrysteeley
    This reply has been marked as private.
    August 30, 2018 at 4:55 am #1003340
    Mike

    Hi,
    Please try looking in the sidebar of your editor under Layout > Header visibility and transparency and choose the option “no transparency”

    Best regards,
    Mike

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