[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.

[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

[Author]

Posts