J51 - Nocturne / J51_ImageLinkHover

Votes

Undo

niko7488
Commercial Templates
Thursday, 07 November 2013
Subscribe via email

Hallo!

Malfunction display on the notebook and on older monitors.
What do you recommend for proper display images on the screens of this type? Maybe there is some version of the image smaller? When I'm doing less picture, then there is a white background and it looks unsightly. Also, when viewed on a phone, a white background next to the picture.

Thank you for your help in advance!

Responses (1)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hello

You can set the width of your ImageLinkHover module for each device by adding the following to the Custom CSS field of your templates parameters, editing to your own tate where 200px is the new width to your image....

/* #Tablet (Portrait) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.j51container, .j51container .mask, .j51container .content {

    max-width: 200px !important;

}}



/* #Mobile (Landscape) */

@media only screen and ( max-width: 767px ) {

.j51container, .j51container .mask, .j51container .content {

    max-width: 200px !important;

}}



/* #Mobile (Portrait) */

@media only screen and (max-width: 440px) {

.j51container, .j51container .mask, .j51container .content {

    max-width: 200px !important;

}}

Hope this helps

Ciarán

more than a month ago
Commercial Templates
# 1

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

J51 - Nocturne / J51_ImageLinkHover

Site Links

Recommended

Join Our Newsletter