widen white box

[Laura]

Theme: Welder Pro
http://mysbiz.com/MDElectric/

How to I center and widen the white box in “Our Services” section?

https://snag.gy/GWK2dY.jpg

[Sonl Sinha]

Hi,

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

Add this code there:

.sec-wrap-one { margin:0 auto; text-align:center;}
.feature-box { float:none !important; display:inline-block !important; margin-right:0 !important;}

Regards,
Chris

[Laura]

Thank you. It centered the box, but not widen the box.

[Sonl Sinha]

Hi,

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

Add this code there:

.feature-box { width:80%;}

Regards,
Chris

[Laura]

worked, thanks!

[Sonl Sinha]

Hi Laura,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/7/

Regards,
Chris

[Laura]

Thank you. It worked, but to center the text I “indented” the text. It looks good via desktop, but not mobile.

https://snag.gy/pe3HfB.jpg

[Sonl Sinha]

Hi,

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

Add this code there:

@media screen and (max-width:767px) {
.feature-box h4 { padding-left:0 !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.feature-box h4 { padding-left:100px !important;}
}

@media screen and (min-width:1024px) and (max-width:1100px) {
.feature-box h4 { padding-left:260px !important;}
}

Regards,
Chris

[Laura]

worked, thank you.

[Sonl Sinha]

🙂

[Author]

Posts