naturo pro blog posts

Home Forums All Other Themes naturo pro blog posts

This topic contains 5 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28248

    Sean
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: March 10, 2016

    hello I have asked this a number of times but not received any help. my url is http://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

    #28287

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18515
    • Total: 18515
    Member since: August 16, 2013

    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

    #28359

    Sean
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: March 10, 2016

    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

    #28445

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18515
    • Total: 18515
    Member since: August 16, 2013

    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

    #28563

    Sean
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: March 10, 2016

    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

    #28613

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18515
    • Total: 18515
    Member since: August 16, 2013

    Hi Sean,

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

    Regards,
    Brad

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.