Column width doesn’t correspond CSS after the last update

  • Resolved arskrigitsioniets

    (@arskrigitsioniets)


    1 year, 5 months ago

    Before the last update of TablePress, everything was ok. After that, I have the problem that my standard CSS (written in pluign options menu) seems to be ignored.

    It includes:

    .tablepress-id-2 .column-1 {
    max-width: 100px !important;
    text-align: left;
    }

    Also there’s some code for opacity of images when you hovering a cursor:

    .tablepress-id-2 img {
    border-radius: 5px;
    opacity: 1;
    }

    .tablepress-id-2 img:hover {
    opacity: .8;
    }

    Nothing of this code works now, the first column became too wide (above 300px on my desktop), images ignore opacity code.

    How can I solve this problem?

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    It looks like you will have to clear the CSS cache of the Autoptimize plugin that your site is using.

    Regards,
    Tobias

    you might have to try disabling “also aggregate inline CSS” arskrigitsioniets.

    frank (ao dev)

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Frank,

    thanks for the suggestion! arskrigitsioniets, it would be great if you could try that.

    Best wishes,
    Tobias

    Thread Starter arskrigitsioniets

    (@arskrigitsioniets)

    Both solutions don’t help ?? TablePress CSS is still not working. Deactivating Autooptimize helps, but it’s definitely not an option.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    are you sure? If I append the ?ao_noptimize=1 URL parameter (which can be used to turn off Autoptimize for that page load), i.e. when I try https://strategycon.ru/strategy-game-reviews/?ao_noptimize=1 (make sure to be logged out of WordPress, or maybe try this in an Incognito tab), things like the width that hover opacity effect work for me…

    Regards,
    Tobias

    Thread Starter arskrigitsioniets

    (@arskrigitsioniets)

    Yes, when I visit the site by this link, the table works as it supposed to. But cleaning cache and?disabling “also aggregate inline CSS” in Autooptimize options doesn’t solve this problem.

    Let’s take a step back; can you try disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be ??

    frank

    Thread Starter arskrigitsioniets

    (@arskrigitsioniets)

    It looks like exactly this setting creates the problem.

    Merge all related css files? If this option is disabled, certain CSS files will not be placed but will be minified.

    (I have non-English localized site, so the translation is exemplary)

    When I turn it off, the table starts working normally.

    OK, what happens if you add tablepress to the comma-separated list of CSS optimization exclusions when CSS merging is enabled?

    Thread Starter arskrigitsioniets

    (@arskrigitsioniets)

    It solves the problem, thanks.

    you’re welcome ??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    awesome! Great to hear that this works! Thanks a lot for helping here, @optimizingmatters, I really appreciate it!

    Best wishes,
    Tobias

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Column width doesn’t correspond CSS after the last update’ is closed to new replies.