Yogi Pro \"ourclasses\" and \"our trainers\"

[Natasha]

Hi,
I lined up my “ourclasses” section, but the boxes are slightly different sizes. How can I make them look the same?
Also, in the “our trainers” section, I would like to have the boxes centered (since we only have 2 of us), instead of stacked to the left hand column.
Also, anything I can do to make the slider images not “adjust”? It looks like the smaller resolution pics stretch? What is the size they need to be for the sliders to alternate smoothly?
My site is www.croatianyogalatesretreats.com
Thank you:)
Natasha

[Natasha]

Hi,
I read through the forum and figured out the issue with the sliders, and also found the code to make the 3 sections boxes even.
Still need help with the uneven size boxes under “our classes” and also “our trainers” uneven boxes and I’m still trying to align the “our trainers” boxes in the center.
Thank you

[Sonl Sinha]

Hi Natasha,

Your website is in construction mode. Kindly deactivate it so that we can check and resolve the issue.

Regards,
Brad

[Natasha]

Just launched it!

[Sonl Sinha]

Hi Natasha,

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

Add this code there:

@media screen and (min-width:980px){
.ourclasses .ourclasses_col{ min-height:420px;}
.ourclasses .ourclasses_col .title_day_time{position:static;}
.ourclasses .ourclasses_thumb{height:180px;}
.ourclasses .ourclasses_thumb img{min-height:180px;}
.ourclasses .ourclasses_col a.rdmore {bottom:20px; display:table; left:0; margin:0 auto; position:absolute; right:0;}
.ourclasses_col h3{ font-size:19px;}
.section-teammember .ourclasses_col { float:none; display:inline-block;} 
.section-teammember {text-align: center;}
}

Regards,
Brad

[Natasha]

Looks great! Thank you 🙂

[Sonl Sinha]

🙂

[Author]

Posts