Custom CSS change will not appear

  • SQLGuru

    (@sqlguru)


    5 months ago

    Hi,
    I have some problems with OceanWP Custom Style CSS. I have just taken this site from the previous dev.

    If I change something in the Customizer Custom CSS, this change will not appear on the website front end. If I view source, I can see the custom CSS in the code, but the objects are just not adhering to the changes, even if !important is included.

    I have already cleared all cache.

    Anybody some ideas how to handle this issue?

    Thanking You.

    WordPress Environment
    Home URL:https://harriets.co.za/
    Site URL:https://harriets.co.za/
    WP Version:6.5.4
    WP Multisite:No
    Front Page Display:page
    Front Page:Home (#21)
    Posts Page:(#0)
    WP Memory Limit:40 MB
    WP Upload Limit:64M
    WP Debug Mode:Disabled
    The Main WP Directory:?Writable
    The wp-content Directory:?Writable
    The uploads Directory:?Writable
    The plugins Directory:?Writable
    The themes Directory:?Writable

    ThemeName:OceanWP Child Theme
    Version:1.0
    Author URL:https://oceanwp.org/
    Child Theme: Yes
    Parent Theme Name:OceanWP
    Parent Theme Version:3.5.7
    Parent Theme Author URL:https://oceanwp.org/about-oceanwp/

    Server Environment
    Server Info:Apache
    Localhost Environment:No
    PHP Version:8.1.29
    PHP Memory Limit:256 MB
    PHP Post Max Size:64 MB
    PHP Time Limit:60
    PHP Max Input Vars:3500
    PHP Display Errors:Disabled
    MySQL Version:10.5.25
    Max Upload Size:64 MB

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter SQLGuru

    (@sqlguru)

    What I can add is that although the custom CSS is not adhering to my changes, I can confirm that if I try to made the same changes using JS to change the style – this works – but is obviously not ideal.

    Shahin

    (@skalanter)

    Hello @sqlguru,

    Thank you for reaching out,

    If you can see the custom CSS on your website but it doesn’t work, there can be only one reason: A syntax error in the CSS.
    You must check the CSS syntax because a single error can affect other CSS rules. To check the CSS syntax, you can use an online tool: https://jigsaw.w3.org/css-validator/validator.

    I’ve checked the custom CSS on your website: https://postimg.cc/RqCnP8fh. And saw some errors: https://postimg.cc/JyWsjdM1 – usually related to the curly brace symbol on media queries.

    I hope it helps.
    Best Regards

    Thread Starter SQLGuru

    (@sqlguru)

    Thanks for the feedback, I will investigate further… just still trying to clean out the mess of the previous dev.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.