0 Members and 1 Guest are viewing this topic.

*

Pharg

  • *****
  • 3,074
    • OsDateFourm
  • osDate Version: osDateEvo v1.3
CSS fix for all default templates
« on: September 26, 2017, 10:57:38 PM »
Hi Members,

Here is the CSS fix to sort a photo issues that happens in Google chrome.

Just upload the fix to your site.

If you have customized your css files, you will need to add the changes manually.

Download the attached files

To manually add the changes it's here:

In all the default templates go to the css folder and open the desktop.css and find this line 786:
Code: [Select]
 
.smallpic_snap {
border: 1px solid #AAA;
width: {$config.disp_snap_width};
height: {$config.disp_snap_height};
max-height: 800px;

padding-left: 0px;
padding-right: 0px;
   border-radius: 5px;
 
}

Change to:
Code: [Select]
.smallpic_snap {
border: 1px solid #AAA;
width: 260px !important;
height: auto !important;
background-size: 160px auto;
max-height: 300px;
//max-height: 800px;

padding-left: 0px;
padding-right: 0px;
   border-radius: 5px;
 
}

Then in the mobile.css on line 1985 find this:
Code: [Select]
.smallpic_snap{

border: 1px solid #AAA;

//width: 140px;

width: {$config.disp_snap_width} !important;

height: {$config.disp_snap_height} !important;

background-size: 160px auto;

max-height: 200px;

border-radius: 5px;

 }

}

Change to:
Code: [Select]
.smallpic_snap{

border: 1px solid #AAA;

//width: 140px;

width: 160px !important;

height: auto !important;

background-size: 160px auto;

max-height: 200px;

border-radius: 5px;

 }

}

Now go to line 2007 and fine this:
Code: [Select]
.smallpic_snap {

border: 1px solid #AAA;

width: {$config.disp_snap_width} !important;

height: {$config.disp_snap_height} !important;

max-height: 180px;

//min-height: 85px;

  border-radius: 5px;

 }

}

Change to:
Code: [Select]
.smallpic_snap {

border: 1px solid #AAA;

width: 100px !important;

height: auto !important;

max-height: 180px;

//min-height: 85px;

  border-radius: 5px;

 }

}


That's it.
Regards,
Pharg ( Phill )

REMEMBER: ALWAYS BACKUP BEFORE YOU MAKE ANY CHANGES!!

osDateEvo v1.3 | PHP: 5.3.42 & PHP: 7.1.15 | MySQL: 5.5.35