Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • nooran Developer
    #194987

    Hello,

    I’m using Purity III. I wonder if there is a way to change the image dimensions of the inside pages different than the intro image.

    Here is what I face:
    When I change the intro image dimensions using this css code on “custom.css”

    article img, .article-intro img {
    display: block;
    max-height: 80px;
    min-height: 80px;
    max-width: 150px;
    min-width: 150px;
    border: solid 2px #cccccc;
    margin-right: -10px;
    }

    The inside page images also got changed with the same height and width, which I don’t want…

    I would like to have another image dimensions for the inside pages… How can I separate ?

    Best

    Saguaros Moderator
    #523689

    You can post your site’s URL which contains image you want to change dimension here and aslo set Optimize CSS in template manager to No, I will have a look.

    nooran Developer
    #523754

    Hello,

    This is the site url: http://www.metromall-ye.com

    Thanks a lot for your help and support.

    Saguaros Moderator
    #524029

    These classes: article img, .article-intro img will have different parent class names. For example, in this page: http://www.metromall-ye.com/, you can create new CSS rule:


    .blog-featured article img, .article-intro img {
    ///your own custom code goes here;
    }

    With inside page: http://www.metromall-ye.com/homepage.html, you can try with:


    .item-page article img, .article-intro img {
    ///your own custom code goes here;
    }

    nooran Developer
    #524060

    Many thanks… It worked fine now…

    Saguaros Moderator
    #524071

    Glad it’s helpful. And feel free to let me know if you need further helps.

    Best of luck

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

This topic contains 6 replies, has 2 voices, and was last updated by  Saguaros 10 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum