Can’t change background color of post page

  • irenamery

    (@irenamery)


    4 months ago

    Hello,

    I am not able to change the background color of the post page in customizer. Active theme is Ocean WP (the same issue with child theme). When I change the color in customizer, color of background changes, after I publish the page, and reload the published page color does not change.

    This is happening only on post page. Other than post page are working correctly.

    See video:

    Thanks for help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shahin

    (@skalanter)

    4 months ago

    Hello @irenamery,

    Thank you for reaching out to us,

    I fully examined the issue you have raised on this topic and could not see it on my end.

    However, it seems it’s a cache issue, if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, in Elementor, please don’t forget to click on the regenerate all assets file and data in Elementor > Tools; and finally use hard-refreshing keys and recheck the issue. To refresh the page, please follow the steps explained in this link:
    https://www.documate.org/automation/what-is-a-hard-refresh-how-to-do-a-hard-refresh-in-any-browser/
    https://www.usmobile.com/blog/how-to-do-a-hard-refresh-on-your-browser/
    To clear cookies, use this icon: https://postimg.cc/0rtp7SS9.

    Summary:
    Win: Ctrl+Shift+R
    Mac: Shift+Command+R

    I hope it helps.
    Best Regards

    Thread Starter irenamery

    (@irenamery)

    3 months, 2 weeks ago

    Hello, thank you for your help. However this it did not help.

    I have an instance where this is working properly and one instance where it is not working properly. I checked both instances with code inspector and found the following :

    1. On the working instance:

    When I selected the body element (1) then looked at the applied styles it can be seen that the style takes the setting from the page style

    body, .has-parallax-footer: not(.separate-layout) #main { background-color: [correct color] }

    see working-instance

    2. On the not working instance:

    When I selected the body element (1) then looked at the applied styles it can be seen that the style takes the setting first from the style.min.css

    .separate-layout {background-color: #f1f1f1; } that is the wrong color that cannot be changed

    and then tries to apply style setting from the page but is is striked-out i.e. style is not applied

    body, .has-parallax-footer: not(.separate-layout) #main { background-color: [correct color] }

    see not-working-instance

    On the working instance there is also a file style.min.css the background setting is not applied from this css on the working instance.

    Thank you

    Shahin

    (@skalanter)

    3 months, 2 weeks ago

    Hello @irenamery,

    Thank you for reaching out,

    Kindly share a live URL from the issue.
    Also, please tell us how we can replicate your steps to arrive at the issue on a fresh WordPress installation.

    If you’ve set the background color for the whole site, you must disable it to use the separate layout. To unset the main body styling from the general styling, go to https://postimg.cc/m1T7R9wJ.
    And set it as a transparent color: https://postimg.cc/YvvYpM6r.
    Then, set the styling in General Settings: https://postimg.cc/4HKsYLB9.
    ______

    We need to know where did you add that styling.
    It seems the priority of the CSS you desired is before the main styling.

    Remember, if you wrote custom CSS, please put it in the CSS in Customizer > Custom Code > Custom CSS: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Please recheck your issue and keep us posted.

    I hope it helps.
    Best Regards

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