SKT Education

[xlingzh6]

Hi,

1). I am using SKT Education theme. The team member image was cut on the iPhone horizontally as the image below:

How can I make the images look good in proportion?

2). I am trying to make the name of team member show directly on the iPad and horizontal iPhone as the image below

So I used the css below, however it doesn’t work. Please help.

@media screen and (max-width:768px) {
.team-thumb img { opacity:0.8 !important;}
.cols4 .team-infobox, .cols3 .team-infobox { opacity:1; top:70% !important;}
}

More help information:

The site link is: http://106.dbwebs.site/

The team section on iPad, can not see the name,

The team section on horizontal iPhone, the image is cut and I want the name show directly on the image.

Thank you in advance!

Warm Regards,
Xiaoling

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (min-width:480px) and (max-width:767px) {
.home_section6_content .cols4, .home_section6_content .cols4 .team-thumb { height:auto !important;}
.cols4 .team-infobox { opacity:1 !important; top:70%;}
.cols4:hover .team-thumb img, .cols3:hover .team-thumb img { opacity:1 !important;}
}

Regards,
Dave

[xlingzh6]

Hi, Dave:

I did it, but nothing has changed. Please check my website.

All the best,
Xiaoling

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected] Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[xlingzh6]

I have sent. Please check email.

All the best,
Xiaoling

[Sonl Sinha]

Hi,

Issue have been resolved.

Regards,
Dave

[xlingzh6]

Hi, May I know what is the solution, please?

best,
xiaoling

[xlingzh6]

Thank you very much! It looks great! Please let me know what happened?

Warm Regards,
Xiaoling

[Sonl Sinha]

Hi,

The closing bracket was missing from CSS.

Regards,
Dave

[Author]

Posts