Small icons in the columns expand like balloons!

  • Author
    Posts
  • #43204

    I want to use the four columns on the presentation page, to showcase four books by my novelist client. I load an image of the cover, no problem.
    I stick in my title, and some copy, all good.
    I add icons to the four main epub sellers– about 100px square– and the css “.column-image-inside” tells them to expand to fill the width of the column!
    I’ve been creating classes and inline styles on the fly, on this page, but I can’t seem to override this one. Any suggestions? Some other way to do it?

    What an amazing job you guys have done on this theme,by the way! the special configuration plugin is so well organised. I am enjoying getting to know it!

    Website: themes.mirthfulconfusion.com

    #43234

    So the problem is that the CSS class “.column-image img” says image-width: 100% and I can’t seem to override it. But this is not the main image, it’s an image in the text after that. I tried adding a div in the text in the widget and it’s not showing up.

    #43272

    So the only solution I have is to use text widgets instead of the column widgets. Which means I lose the cool animation effect…

    #43334
    Zed
    Cryout Creations mastermind

    This CSS should take care of it:

    .column-image table img {
        width: auto;
    }

    If this is enlarging your images beyond the inline size (30px?), use the actual value instead
    width: 30px;

    Also, make sure you update the text image URLs to reference the live site, not localhost.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #43356

    Thanks!
    And thanks for the reminder, too. Of course, they show up for me… LOL

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

The topic ‘Small icons in the columns expand like balloons!’ is closed to new replies.