Strong – Home Section 4

[Derek]

Hi,

I only have a requirement for 3 flip boxes in this section, instead of 4 and I can’t find where to change it. I want the 3 to sit together in the center of the section instead of the 3 showing up on the left and the 4th one missing.

I presume it’s a simple custom CSS.

Can you have a quick look at it when you get a chance?

Thanks

Derek

[Sonl Sinha]

HI Derek,

Kindly go to appearance >> Customize >> Home Section 4 and click on “Edit Content” than click on “Text” tab..
where remove one flipbox code from four…. and save content.

and put following peace of code under appearance >> Customize >> Basic >> Custom Css

.flipcard{width:33% !important;}

Regards,
Shri

[Derek]

Hi Shri, That worked on desktop view but on responsive view on mobile it has distorted it. It shows them at a width of 33% and it doesn’t fill out the screen. They are just located on the left hand side and there is 66% space left on the right?

It’s just mobile view, desktop is perfect, would you have some responsive CSS code to fix this?

Derek

[Sonl Sinha]

Hi Derek,

Kindly show us your website URL.

Regards,
Brad

[Sonl Sinha]

Hi Derek,

Kindly show us your website URL.

Regards,
Brad

[Derek]

Hi Brad,

It’s http://www.fitnessfortept.com/

Thanks

[Sonl Sinha]

Hi Derek,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px){
.flipcard{width:auto !important;}
}

Regards,
Brad

[Derek]

Great, thanks Brad. One last thing. The Testimonial image on mobile view is slightly left of center, do you have any code that would center it correctly?

[Derek]

Also is there any way to have control over the H1, H2 Headings etc so they are not all Uppercase?

[Sonl Sinha]

Hi Derek,

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

Add this code there:

@media screen and (max-width:479px) {
h3, h3 a:link, h3 a:visited, .testimonial-image, .bxslider p { margin-left:80px;}
}

Regards,
Brad

[Derek]

Hi Brad,

The Testimonial works perfectly but the H1, H2, H3 headings etc are all still showing all letters as UPPERCASE?

Thanks
Derek

[Sonl Sinha]

Add this code in custom css box

h3, h1, h2, h3, h4, h5, h6{text-transform:inherit !important;}

Regards,
Brad

[Derek]

Brilliant, works great. Thanks Brad and Shri. Legends!

[Sonl Sinha]

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

Regards,
Brad

[Author]

Posts