widen white box

Home Forums All Other Themes widen white box

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #76731
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    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

    #76733
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25236
    • Total: 25236
    Member since: August 16, 2013

    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

    #76734
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

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

    #76736
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25236
    • Total: 25236
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    .feature-box { width:80%;}

    Regards,
    Chris

    #76737
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    worked, thanks!

    #76739
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25236
    • Total: 25236
    Member since: August 16, 2013

    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

    #77420
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    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

    #77426
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25236
    • Total: 25236
    Member since: August 16, 2013

    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

    #77471
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    worked, thank you.

    #77480
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25236
    • Total: 25236
    Member since: August 16, 2013

    🙂

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