Broken core CSS since 1.8.4 update

  • I’ve had to revert to 1.8.3 because 1.8.4 seems to be breaking a couple of things so far:

    1. The footer seems to ignore the global top and bottom padding when reducing size to tablet and mobile. Setting padding for tablet and mobile fixes it but it shouldn’t be doing it.
    2. Additionally in the footer widgets if you have something in there with a button, and only for tablet and mobile views, the padding is complete ignored for the button. So the button becomes just highlighted text. In fact it is being interpreted as 0 padding all round. There also seems to be a .theme-button class in the element which wasn’t there in the previous version. This problem doesn’t seem to show itself when using the responsive buttons built into the theme customisation, but it’s definitely there if you use the Chrome inspector and actually use a mobile device.
    3. Also on tablet and mobile the checkout fields borders vanish and then re-appear for larger widths. Very odd.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Go into Customise -> General Options -> Theme Buttons, and change the padding there.

    I think this may be the issue. Nothing in the changelog about this!

    • This reply was modified 4 years, 8 months ago by petedan.
    Thread Starter charliesjc

    (@charliesjc)

    Hey Petedan,
    I’ve had a look where you said and it hasn’t helped. The padding is set to the default 14 20 14 20px. I even tried setting the padding for tablet and mobile and it makes no change at all.

    As for the borders on the cart page, I opened the inspector and watched the elements as I shrunk the viewport, as soon as you get to a width of 767px for the tablet, the @media css is activated and seems to be using border and padding properties of 0.

    Yeah, since the update to OceanWp 1.8.4, everything has been a mess.

    Yeah, since the update to OceanWp 1.8.4, everything has been a mess.

    And it will take 4-6 weeks for support to reply.

    Same here, the CSS is messed up since the 1.8.4 update. I’m using the child theme so it’s not my custom css. It appears to be on mobile @media only screen and (max-width: 480px) and tablet. My footer padding, buttons and borders on text fields are all messed up.

    Thread Starter charliesjc

    (@charliesjc)

    I had a quick look. All my forms are messed up, not just the cart page.

    I cleared out my child theme style.css to see if there was anything in there and that wasn’t the problem.

    Hi,

    Please update the version 1.8.5. Reset the scripts and styles after clicking the save button from the Theme Panel > Scripts & Styles. Clear the cache and check.

    @abhikr781 Can you please elaborate a bit more? Will resetting the scripts and styles change any styles that I’ve already done? Also, I don’t see a reset button in the Theme Panel > Scripts & Styles. Only a save button.

    Thread Starter charliesjc

    (@charliesjc)

    @abhikr781 Thanks for the quick turn-around. That seems to have solved it.

    Out of interest, what was the issue?

    Glad to hear that! ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Broken core CSS since 1.8.4 update’ is closed to new replies.