CSS issue after upgrade

  • cathlisting

    (@cathlisting)


    8 years, 6 months ago

    Hi all
    I wonder if you can help me, I have tried and tried to fix this:
    I upgraded to the latest WP last night, and our homepage images, which used to space evenly across the screen, are now showing below each other. The css no longer seems to work, and i have tried many classes and just can’t get the images to show across the screen. Can anyone help me please?

    Thank you very much

    We were using:
    {
    float: left !important;
    width: 33%;
    }

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • kjodle

    (@kjodle)

    8 years, 6 months ago

    Which element were you targeting with that?

    You can try this css and see if that works.

    
section {
    display: inline-block;
}
    Thread Starter cathlisting

    (@cathlisting)

    8 years, 6 months ago

    Thank you very much indeed. That worked.
    It does seem that after the upgrade, some of my CSS didn’t pick up, I don’t know if elements changed class somehow? There is a new WordPress image widget so I had to recreate images on my homepage as they weren’t rendering properly.
    Thank you again for your help

    kjodle

    (@kjodle)

    8 years, 6 months ago

    I don’t know if elements changed class somehow

    That does sometimes happen with upgrades. And that will cause things to sometimes break, which is why some people avoid upgrades. But upgrades also include security enhancements, so it’s important to apply them. Just know that you can always come here for help with unbreaking things. 🙂

    Thread Starter cathlisting

    (@cathlisting)

    8 years, 6 months ago

    🙂 thank you!

    Thread Starter cathlisting

    (@cathlisting)

    8 years, 2 months ago

    Unfortunately we had the same problem again – I have fixed our CSS again, but the magazine images on our home page are showing all bunched together rather than spread out evenly. Can anyone please help with the code please to make them render nicely?

    Thank you

    http://www.thelistingmagazine.co.uk/

    section {
    display: inline-block;
    }

    This makes them appear in a line, but they are rather bunched up!
    Thank you

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

The topic ‘CSS issue after upgrade’ is closed to new replies.