Image hidden by text

  • Author
    Posts
  • #25968
    Greenwood

    Hi,
    I use Parabola for a RTL based site.
    I love it, and usually, I can manage the changes required.
    However, recently I got a report from a user about text being hidden by an image, in a table.
    This seems to be only in Chromium browser or Android cellular emulator/ phone.
    It worked well under Mozilla based browsers.

    After looking into the matter and reading a little, I found that the following:

    #content tr td img {
    	max-width: none !important;
    }
    

    solved the problem (placed in my parabola-child sub-theme).
    This replaces the parabola general setting of:

    #content img {
    	margin: 0;
    	height: auto;
    	max-width:100%;
    	-moz-box-sizing:border-box;
    	-webkit-box-sizing:border-box;
    	box-sizing:border-box;
    }
    

    The reason I am writing is that this same rule (max-width:100%;) is also present in style-mobile.css and I can’t override it in the child theme.

    My question is, can this whole issue be fixed?
    For now, I did the change in style-mobile.css on the site, but I don’t like that as a solution.

    Below are images of the “Before” and “After” the change.
    Also, the relevant page on the site is:
    http://numenore.com/166/

    Thanks for any help you can provide.



    After: Desktop

    #25969
    Greenwood

    It doesn’t show the images, so here are their links:
    “Before” (Desktop and Mobile)
    http://imgur.com/qyFLd5V
    http://imgur.com/XcXsstE

    “After” (Desktop and Mobile)
    http://imgur.com/BVQqSCS
    http://imgur.com/bLqHtCz

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

The topic ‘Image hidden by text’ is closed to new replies.