- Posts: 24
- Thank you received: 0
Image slider
-
rvolt
Inactive member - Topic Author
- Member
Less
More
9 years 9 months ago #44443
by rvolt
Replied by rvolt on topic Image slider
I tried both areas with negative results
Please Log in to join the conversation.
-
rvolt
Inactive member - Topic Author
- Member
Less
More
- Posts: 24
- Thank you received: 0
9 years 9 months ago #44444
by rvolt
Replied by rvolt on topic Image slider
are you willing to log in and take a look ? i'll email info. I've never had a CSS problem like this
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
9 years 9 months ago #44445
by ivan.milic
Replied by ivan.milic on topic Image slider
Our intervention would count as payed job.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
9 years 9 months ago #44446
by ivan.milic
Replied by ivan.milic on topic Image slider
Just saw you have another:
.list_carousel.responsive img {
max-width: 50%;
padding-top:30px;
float: left;
}
max-width: 50%; is not good for any resolution, you porbably need values 80%-90% depending on screen width.
I recommend you remove max-width from all .list_carousel.responsive img you have , then add to template_css.css at bottom:
@media (min-width:512px){
.list_carousel.responsive img {
max-width: 90%;
padding-top:10px;
}
}
@media (min-width:758px){
.list_carousel.responsive img {
max-width: 85%;
padding-top:15px;
}
}
@media (min-width:1024px){
.list_carousel.responsive img {
max-width: 80%;
padding-top:20px;
}
}
.list_carousel.responsive img {
max-width: 50%;
padding-top:30px;
float: left;
}
max-width: 50%; is not good for any resolution, you porbably need values 80%-90% depending on screen width.
I recommend you remove max-width from all .list_carousel.responsive img you have , then add to template_css.css at bottom:
@media (min-width:512px){
.list_carousel.responsive img {
max-width: 90%;
padding-top:10px;
}
}
@media (min-width:758px){
.list_carousel.responsive img {
max-width: 85%;
padding-top:15px;
}
}
@media (min-width:1024px){
.list_carousel.responsive img {
max-width: 80%;
padding-top:20px;
}
}
Please Log in to join the conversation.
-
rvolt
Inactive member - Topic Author
- Member
Less
More
- Posts: 24
- Thank you received: 0
9 years 9 months ago #44447
by rvolt
Replied by rvolt on topic Image slider
can you contact me via email then
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
9 years 9 months ago #44449
by ivan.milic
Replied by ivan.milic on topic Image slider
Send your contact email using 'Report To Moderator', use [at] instead of @
Please Log in to join the conversation.
Time to create page: 0.087 seconds