SKT – Construction theme

[csopronyi]

Hey guys I have the SKT construction theme and somehow my certificate icons (section 3) have been warped for the mobile site. How can i fix this?

www.excellentsolar.com.au

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.our-certifications .one_third { height:auto !important;}
.our-certifications .one_third .icon-bg { height:80px;}
.our-certifications img { padding:20px 10px 10px 10px !important;}
}

Regards,
Chris

[csopronyi]

wow thankyou so much. I tried so many so called expert wordpress developers but i think they just wanted money out of me. And still couldn’t make it work but now It works. I guess ill do trial and error to get it to the size like it is on the website. thankyou for the code :))

[csopronyi]

guys im struggling with making the inner icons for the mobile site bigger to nearly fit the .icon-bg by 70-80%

[csopronyi]

Also could you help me to put a space between the house and Brisbane appriate to the telephone space.

This is the custom code i have in the [CUSTOM CSS & JS] —- Section

}
.header_row .column-1 span.hederemailid a:hover {
color: #55EE25 !important;
}
li#menu-item-177 .parent:first-child {
display: none;
}
.quote p {
text-shadow: 1px 2px 1px #000000;
}
.quote a {
box-shadow: 5px 5px 13px 1px #23282d;
}
section {
padding: 10px 0;
}
div#footer-wrapper .phone-no span {
width: auto;
display: inline-block;
}
div#footer-wrapper p {
font-size: 15px;
font-weight: 600;
}
div#footer-wrapper .cols-3.widget-column-1 {
font-size: 15px;
font-weight: 600;
}
.post-comment,.post-categories {
display: none;
}
#sidebar #contactform_main input[type=url] {
display: none;
}
body {
font-size: 16px !important;
line-height: 24px;
}
#sidebar ul li a {
font-size: 16px !important;
}
.ec-shortcode-outer-wrap.ec-template1 .ec-count-content {
background-color: #efc62c;
}
.ec-shortcode-outer-wrap.ec-template1 .ec-count-button a:hover {
background-color: #efc62c;
}
.ec-shortcode-outer-wrap.ec-template1 .ec-count-button a {
background-color: #efc62c;
}
.ec-counter-items-wrap {
padding: 0px 0;
position: relative;
z-index: 2;
}
.news-thumb a {
width: 100%;
background: #fff;
}
.news-thumb {
background-color: #fbfafa !important;
}
.our-certifications .one_third {
height: 190px;
margin-bottom: 20px;
}
.our-certifications .one_third .content-right h3 {
margin-bottom: 15px;
font-size: 22px;
line-height: 26px;
}
div#footer-wrapper ul.recent-post img {
max-width: 30%;
}
.our-certifications img {
width: 75%;
max-width: 75%;
padding: 10px;
}
.our-certifications .one_third .icon-bg {
background: #55EE25;
}

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Chris

[Author]

Posts