Joomla Templates Club 406,261 posts

[Creaktor Branding Agency Friend Creaktor Branding AgencyJoin date: May 2012Posts: 256Downloads:56Uploads:30 Thanks: 31 Thanked: 2 times in 2 posts]

#899099

the class calls uber-cliens instead of uber-clienTs. Some things are going wrong when using images that are 400px width for mediaquery 768px.

Also, sometimes on page load, the images are not get their max-width: MAybe due to that class typo..

www.creaktor.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#899103

Hi

If you open this file /templates/uber/acm/clients/css/style.css

css class is declared as

cliens

.uber-cliens.multi-row .row {
  border-bottom: 1px solid #dadedf;
}
.uber-cliens.multi-row .row .client-item {
  padding-top: 26px;
  padding-bottom: 26px;
  border-right: 1px solid #dadedf;
  min-height: 100px;
  line-height: 100px;
  text-align: center;
}
.uber-cliens.multi-row .row .client-item img {
  display: inline-block;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.uber-cliens.multi-row .row .client-item:last-child {
  border-right: 0;
}
.uber-cliens.multi-row .row .client-item:hover img {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.uber-cliens.multi-row .row:last-child {
  border-bottom: 0;
}
.uber-cliens.multi-row.style-dark .row {
  border-color: #2c353b;
}
.uber-cliens.multi-row.style-dark .row .client-item {
  border-color: #2c353b;
}
.uber-cliens.img-grayscale .client-item span {
  position: relative;
}
@media (max-width: 1199px) {
  .uber-cliens.img-grayscale .client-item span {
    width: 100% !important;
  }
}
.uber-cliens.img-grayscale .client-img {
  display: inline-block;
  line-height: 1;
}
@media (max-width: 1199px) {
  .uber-cliens.img-grayscale .client-img {
    display: block;
  }
}
@media (max-width: 767px) {
  .uber-cliens .client-item {
    padding-top: 26px;
    padding-bottom: 26px;
    width: 100% !important;
    text-align: center;
  }
  .uber-cliens .client-item img {
    display: inline-block;
  }
}
.uber-cliens .client-item:hover .client-img img {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

So it is calling the correct class

1 user says Thank You to pavit for this useful post

1. Creaktor Branding Agency

[Creaktor Branding Agency Friend Creaktor Branding AgencyJoin date: May 2012Posts: 256Downloads:56Uploads:30 Thanks: 31 Thanked: 2 times in 2 posts]

#899105

Ok. I found something.

When I activate "Gray Image". Then the images on mobile get placed over each other.

www.creaktor.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#899295

Creaktor Branding Agency wrote:

When I activate "Gray Image". Then the images on mobile get placed over each other.

Would be possible to look at your website ?

So we can better understand and maybe better help you ?

a temp super user account to your backend could also help , you can edit your post and add it

[Creaktor Branding Agency Friend Creaktor Branding AgencyJoin date: May 2012Posts: 256Downloads:56Uploads:30 Thanks: 31 Thanked: 2 times in 2 posts]

#899890

This reply has been marked as private.

www.creaktor.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#899908

This reply has been marked as private.

[Creaktor Branding Agency Friend Creaktor Branding AgencyJoin date: May 2012Posts: 256Downloads:56Uploads:30 Thanks: 31 Thanked: 2 times in 2 posts]

#901161

hmmm. Weird. Gonna test some more since my experience was that sometimes the blocks are overlapping each other. Gonna check it, if it happens again I’ll post a screenshot and tell you what I did.

www.creaktor.com

[Author]

Posts