-
AuthorPosts
-
July 1st, 2014 at 19:19 #25968Greenwood
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.
July 1st, 2014 at 19:23 #25969GreenwoodIt 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 -
AuthorPosts
The topic ‘Image hidden by text’ is closed to new replies.