Docs

[netlover]

Home

Is there any way to make the three images where it says who we are, computer repair, etc the same size?

[Jade]

Hi there,

Please add this in the JS customizer:

(function($){

jQuery( ".home #x-section-2 .x-img" ).wrap( "<div class='img-content'></div>" );

})(jQuery);

Then add tthis in the CSS cusotmis4r:

.home #x-section-2 .img-content {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
}

.home #x-section-2 .img-content .x-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

Hope this helps.

[netlover]

i added it and nothing seems to have happened.

[Thai]

Hi There,

Please try with this CSS instead:

.home #x-section-2 .x-img {
    max-height: 200px;
    width: auto;
}

http://i.imgur.com/6IYogb8.png

Hope it helps 🙂

[netlover]

that worked! i’m going to note this for the future sites. does that work across all stacks and expanded demos?

[Rupok]

Hi there,

Glad that it worked. It might not be the same section ID for future site. If you can’t figure out the corect ID, feel free to let us know. We’ll be always there to assist you.

Cheers!

[Author]

Posts