Plugin adding !important to inline css – post thumbnail issues

  • Nick Lewis

    (@nickylew)


    10 years, 10 months ago

    Hi again,

    Thanks for the update yesterday and the quick responses. Much appreciated.

    I had the plugin using my styles from my classes added within the template editor (this was on my localhost build)

    once the site had been moved to a staging server however the plugin seemed to chuck in a whole bunch of inline styles that I hadn’t told it to, along with !important commands so my styles were totally over-ridden.

    I really don’t like the fact it is forcing styles as it defeats the object of allowing people to put in their own classes in order to style it as they need…

    I am currently trying to battle this to attempt to keep my styles, which is annoying frankly.

    ___

    Another issue that I have found is that the plugin doesn’t allow you to set a post thumb size (yes I know you have the image cropping function but this drops in max-widths.. not great for responsive designs where the images need to flex to fit the movement while keeping their given ratio. )

    Is there a way of setting the post thumbnail size better for the plugins usage..?

    I have already got the code allowing post thumbnails and set_post_thumbnail_size with a true crop.

    Would really appreciate some more answers for these.

    Many Thanks!

    https://ww.wp.xz.cn/plugins/wp-ultimate-post-grid/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Brecht

    (@brechtvds)

    10 years, 10 months ago

    Actually, if you’re using the Template Editor the idea is to apply 95% of the styling in the Template Editor itself and not with a custom class. If you want to have full control you can always code your own template: http://bootstrapped.ventures/wp-ultimate-post-grid/code-your-own-template/

    The !important flags are there for compatibility reasons (you wouldn’t believe what kind of CSS some themes apply) and can be disabled on the Grids > Settings > Grid Template > Advanced page.

    You can set the exact size you want for the image in the Template Editor. It will then look for the closest available thumbnail and output that one. If the size in the Template Editor matches the one you’ve set with set_post_thumbnail_size() it will go for that thumb.

    You might have to regenerate existing thumbnails on your website, they don’t automatically resize when you set a new post thumbnail size.

    Brecht

    Thread Starter Nick Lewis

    (@nickylew)

    10 years, 10 months ago

    Hi,

    thanks for another quick reply.

    Oh, I would believe the css! hah. Some can be awful.
    I didn’t know you could turn off the !important flags. I shall give that a try.

    I had regen’d my thumbnails and emptied cache while I was testing this morning.

    I shall have a look at coding my own template.

    Cheers.

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

The topic ‘Plugin adding !important to inline css – post thumbnail issues’ is closed to new replies.