SKT Education

Home Forums All Other Themes SKT Education

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #118105
    xlingzh6xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    Hi,

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

    iPhone horizontally

    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

    show name

    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,

    ipad team section

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

    iphone horizotally

    Thank you in advance!

    Warm Regards,
    Xiaoling

    #118109
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    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

    #118153
    xlingzh6xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    Hi, Dave:

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

    All the best,
    Xiaoling

    #118197
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    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

    #118199
    xlingzh6xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

    I have sent. Please check email.

    All the best,
    Xiaoling

    #118200
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Issue have been resolved.

    Regards,
    Dave

    #118231
    xlingzh6xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

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

    best,
    xiaoling

    #118233
    xlingzh6xlingzh6
    Participant
    • Topics: 8
    • Replies: 15
    • Total: 23
    Member since: September 25, 2018

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

    Warm Regards,
    Xiaoling

    #118365
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    The closing bracket was missing from CSS.

    Regards,
    Dave

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.