I have found this error on 2 different sites using this theme when using the "Custom Size" option for images. If I insert an image on a page and either 1) scale it down in the Visual Editor or 2) change the image dimensions when editing the image, the changes show up the correct size in the Visual Editor, but not on the live site. For example, if I have an image 600x600px and I change the size to 300x300px in the editor, it still displays at 600x600 on the page. I need to get this fixed asap because it's doing it on 2 sites we're developing. Thanks!
I believe you are using the new inline-resize option introduced in WP 4.0 . The Visual Composer works differently then the default visual editor so you would always need to edit the image and resize it in the media library rather then doing it inline. Though i have noted to look into this for future updates.
Actually, it's not just the inline feature that doesn't work; if I edit the image and use the Custom Size option to change the size of the image, it doesn't "stick." I don't want to resize the image in the media library. The reason it needs to be resized is so that when I link to the image, the pop-up lightbox feature will display the full size image. Any thoughts?
Hey Brian, Salient automatically adjusts images to fit in the row they sit in - you could either place the image in a smaller column or delete this rule from the style.css file
One image seems to have sized correctly (custom height set to 60px), but when I attempt to size the other images to the same unit, it seems to stretch to the width of the container. When I set it to 10px, like in the 'Personal' section, it seems to take, but any other sizing does not seem to work.
Is there a way I can fix this? I tried the CSS suggestions listed on this thread, but they only ended up messing up the other images on the page.
There is no image sizing option in which you can set the size of the Image so you will have to adjust the Original Size in the Media Library and then add it to the Page Builder .
See screnshot :
The Above image is sized 248 px so if you want to make it smaller you will have to edit the Image to be smaller as there is no such option in the Page Builder .
That's really strange, because the first image (Knowledge) is a large image (241x239px) that I resized to 60px height using the inbuilt image resizing option.
If it worked in this case, I don't understand why it isn't working for the other images. Do they all need to be the same size and ratio?
Also, another reason I prefer this method is because it renders the images much sharper than if using the same sized pixels (ie an image pre-sized down to 60x60px).
I solved this issue myself from a hunch I had from my previous post. It looks like it seems to be taking only one of the dimensions and resizing it accordingly, so making the image sit in a perfect square (it seems to work with a one pixel difference probably because it doesn't affect the aspect ratio much) lets them be resized normally.
I basically edited the canvas size of each icon to make it a perfect square, and this seems to make it follow the rules as expected.
I have found this error on 2 different sites using this theme when using the "Custom Size" option for images. If I insert an image on a page and either 1) scale it down in the Visual Editor or 2) change the image dimensions when editing the image, the changes show up the correct size in the Visual Editor, but not on the live site. For example, if I have an image 600x600px and I change the size to 300x300px in the editor, it still displays at 600x600 on the page. I need to get this fixed asap because it's doing it on 2 sites we're developing. Thanks!
Hey!
I believe you are using the new inline-resize option introduced in WP 4.0 . The Visual Composer works differently then the default visual editor so you would always need to edit the image and resize it in the media library rather then doing it inline. Though i have noted to look into this for future updates.
Thanks
ThemeNectar Support Team
Actually, it's not just the inline feature that doesn't work; if I edit the image and use the Custom Size option to change the size of the image, it doesn't "stick." I don't want to resize the image in the media library. The reason it needs to be resized is so that when I link to the image, the pop-up lightbox feature will display the full size image. Any thoughts?
Hey Brian, Salient automatically adjusts images to fit in the row they sit in - you could either place the image in a smaller column or delete this rule from the style.css file
.row .col img { height: auto; margin-bottom: 15px; max-width: 100%; width: auto; }If I delete that rule in the CSS, will it be overwritten with upgrades? Is there a way to overwrite this in the custom CSS?
Hey!
.row .col img { max-width: none !important; }
ThemeNectar Support Team
I'm having the same issue with a page I'm working on (http://hideandseek.magic-marinade.com/about/ it's in the "Why Hide and Seek" section).
One image seems to have sized correctly (custom height set to 60px), but when I attempt to size the other images to the same unit, it seems to stretch to the width of the container. When I set it to 10px, like in the 'Personal' section, it seems to take, but any other sizing does not seem to work.
Is there a way I can fix this? I tried the CSS suggestions listed on this thread, but they only ended up messing up the other images on the page.
Hey Again,
There is no image sizing option in which you can set the size of the Image so you will have to adjust the Original Size in the Media Library and then add it to the Page Builder .
See screnshot :
The Above image is sized 248 px so if you want to make it smaller you will have to edit the Image to be smaller as there is no such option in the Page Builder .
Hope this makes sense.
ThemeNectar Support Team
That's really strange, because the first image (Knowledge) is a large image (241x239px) that I resized to 60px height using the inbuilt image resizing option.
If it worked in this case, I don't understand why it isn't working for the other images. Do they all need to be the same size and ratio?
Also, another reason I prefer this method is because it renders the images much sharper than if using the same sized pixels (ie an image pre-sized down to 60x60px).
@qfactor ,
Please create a new ticket with your login details and a screenshot of which resizing options you used so we can take a look.
Thanks
ThemeNectar Support Team
I solved this issue myself from a hunch I had from my previous post. It looks like it seems to be taking only one of the dimensions and resizing it accordingly, so making the image sit in a perfect square (it seems to work with a one pixel difference probably because it doesn't affect the aspect ratio much) lets them be resized normally.
I basically edited the canvas size of each icon to make it a perfect square, and this seems to make it follow the rules as expected.
Hey there,
Thanks for reaching in,
That's awesome. Please be sure to reach in in case you encounter another issue,
Regards
Themenectar Support Team