Forums

8.0.3 Image Block Constrain Image not Functioning

Permalink
Whether it's a common theme with all the versions of 8 or just 8.0.3, I had a client site in 5.7.13 I just upgraded to 8.0.3 and everywhere I have a constrained image in a standard image block, the images resize but look jaggy in Chrome, Firefox, Safari and Opera. See the home page of the development site;

http://dev.teknoziz.com:8888/lin_mfg2...
TeKnoZiz
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi TeKnoZiz,

Are you referring to the larger images at the top of the page or the smaller icons towards the bottom?
TeKnoZiz replied on at Permalink Reply
TeKnoZiz
The logo at the top and the icons at the bottom, which are also not sizing properly, even though they look correct under the stacks area. They should be all the same size. Not sure if the photos are affected. Come to think about it, I think all the affected images are PNGs, would that make a difference?
ConcreteOwl replied on at Permalink Best Answer Reply
ConcreteOwl
In your main.css file you have
.col-sm-9 .ccm-image-block {
    display: block;
    float: left;
    margin-right: 30px;
    width: 60px;
}

Try it like this
.col-sm-9 .ccm-image-block {
    display: block;
    float: left;
    margin-right: 30px;
    /* width: 60px; */
}
TeKnoZiz replied on at Permalink Reply
TeKnoZiz
The width command is entered in the image block itself, I didn't hand code it in the main.css file.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
So you tried it and it didn't work?
TeKnoZiz replied on at Permalink Reply
TeKnoZiz
No, I didn't since the "width: 60px;" is not *in* main.css, it's actually in the Image Block dialog and the code you gave me /* width: 60px; */ is essentially just commenting that out, yes?
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
No it is not!
TeKnoZiz replied on at Permalink Reply
TeKnoZiz
My apologies, you were right, I was trying to control the size from two different places and your suggestion worked fine, thanks!
TeKnoZiz replied on at Permalink Reply
TeKnoZiz
Just to confirm, I replaced the masthead logo PNG with a JPG and it looks great, so there it something wrong with the PNG handling somewhere. I am going to replace the footer icons as well and see if that fixes those as well.