Recent
Categories
View Replies (1)

J51 - Nocturne / J51_ImageLinkHover

0
Votes
Undo
  1. niko7488
    niko7488
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 07 November 2013
  5.  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
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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