images in Google Chrome / Firefox

I just bought this theme and I am trying to get familiar with it 🙂

One thing I am wondering so far – If you compare this theme with Google Chrome and for example with Firefox there is little difference with the included images. Just have a look here:

http://www.axinonews.de/td_d_slug_41/

If you open this page with Firefox the quality of the featured image seems to be higher than when you open this page with Google Chrome.

It also seems there is a kind of resize active, the image is obviously not the same in these two browsers.

Do you have an idea?

Thank you so much, Manfred

Chrome and Firefox use different rendering engines, I believe. Further, Chrome (Google) is now pre-caching images on their network, for mobile in particular, so that next visitor gets image more quickly. This may or may not be what you’re seeing. But, web browsers from different companies may show images in different ways, just as they do with fonts, etc.

Thank you Christopher. Just one another question – When I make a screenshot and then cut out the images and thumbnails I have recognized the size is not exactly the same as indicated in the documentation. For example – the two column image is 699 instead of 700 pixel, the thumbnail is 325 instead of 326 pixel and so on.

Is there a reason for? I am just asking because it seems the images are compressed this pixel and looking different when I open these images with right click in a new tab.

hi,
we have incontered this issue on Apple OSX 10, do you use Apple?

Thanks for you message.
Radu A.

Hi Radu,
I use all devices, but for this reason I use Windows 7 with Chrome.

I just noticed a similar problem, but with the Menu Fonts:

I set the font family to one in the list, “Wellfleet” (But also tried others!),
to color WHITE, and it works nicely on Chrome, but on Firefox the font is different and in BLACK!

Any idea how to fix?

Thanks,
Bran

Hi Lucian,

Thanks for the quick reply.

Here’s the link:
http://cobras.org/Home/

As you can see – on Chrome the Menu text is white, while on Firefox it’s Black.

So just to be clear – I add the above line to the “YOUR CUSTOM CSS” box in the Theme panel? Do I change it from “red” to “white”?

Thanks!

Great! It’s working now…

Thanks!

Hi again,

Following the same problem above with Firefox – I just changed the Top menu color to white and the Top menu Text color to #ee490f. It works fine one Chrome and Safari but on Firefox the Top menu text color is almost white and can’t be seen.

A few months ago I added already this CSS code to fix the main menu font issue:
@-moz-document url-prefix() {
.sf-menu > .td-menu-item > a {
font-family: Roboto;
font-size: 17px;
line-height: 47px;
font-weight: bold;
text-transform: capitalize;
color: #ffffff;
}
}

Please send me the code needed to fix this new problem..

Thanks!

Hi Lucian,

Thanks for the quick reply, but it’s not working.

I added it to the css, purged cache and everything – but it’s still the same (white text color) on Firefox:

http://cobras.org/Home/

This is all the CSS changes I have so far, maybe there’s a conflict:

@-moz-document url-prefix() {
.sf-menu > .td-menu-item > a {
font-family: Roboto;
font-size: 14px;
line-height: 47px;
font-weight: bold;
text-transform: capitalize;
color: #ffffff;
}
}

.td-menu-placeholder {
top: 6px;
}

@media (min-width: 768px) and (max-width: 1018px) {
.td-menu-placeholder {
top: 32px;
}
}
@-moz-document url-prefix() {
.td-header-menu-wrap li a {
color: red;
}
}

Thanks! Now it’s working…:-)