naturo pro blog posts

[Sean]

hello I have asked this a number of times but not received any help. my url is www.atlas-1.com. the blog posts on the home page are stretched and the size of the blog post boxes in inconsistent. I would like the boxes to be the same size/height and the read more button to appear at the same height, same at the boxes in services section on homepage. can somebody please help me with this? I have cut and paste custom code you advised someone else to use, but this didn’t resolve the problem. thanks in advance

[Sonnal S Sinha]

Hi Sean,

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

Add this code there:

.BlogPost .blogpost_thumb img{ height:auto !important; }
.BlogPost{ min-height:640px;}
.BlogPost .view-all-btn > a {bottom: 10px;display: block;left: 23%; position: absolute;}

Regards,
Brad

[Sean]

hello brad. this helps, but the images are still squashed horizontally. also the boxes are the same height, but the read more box is not at the same height. thanks in advance

[Sonnal S Sinha]

Hi Sean,

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

Add this code there:

@media screen and (min-width:980px) {
.BlogPost .blogpost_thumb{height: 175px; overflow: hidden;}
.BlogPost{min-height:540px !important;}
.BlogPost .blogpost_thumb img {height: auto !important; min-height: inherit !important;}
.BlogPost .view-all-btn {bottom: 20px; left:23%; position: absolute; text-align: center;}
}

Regards,
Brad

[Sean]

thanks brad

this is almost there! the only thing that is still not working, is the image sizes. is there a way to make the images all the same size? a cropped section of the image is fine.

also is there a way of stopping the header image on pages from stretching when the window size is changed?

thanks, sean

[Sonnal S Sinha]

Hi Sean,

Kindly use header image which has 1400px wide and 300px in height.

Regards,
Brad

[Author]

Posts