Okay
  Public Ticket #1157900
Images Resized
Closed

Comments

  • Chris started the conversation

    Updated to recent theme and for some reason the images are all blown up. The css:

    .row .col img {
        margin-bottom: 15px;
        max-width: 100%;
        width: auto;
        height: auto;
    }

    For some reason having width: auto it blows up all my images. How can this be fixed? https://www.screencast.com/t/A00tuymjkh

    Also for some reason when using the text in the Split Line Heading, the text format drops the class attributes and it forces me to add one for each line. https://www.screencast.com/t/xMidNejQy

    Please advise.



  •  9,009
    Tahir replied

    Hey Chris,

    I see you got it working :


    As for the Split Line its supposed to work that way . 

    Be.st 


    ThemeNectar Support Team 

  • Chris replied

    No, I didn't get it to work. Not sure what you're looking at but the images still look like this:

    https://www.screencast.com/t/VsRpjwAj

    (It's resizes this images to 1236.5 x 176.45 when the images is actually 800 x 114)

    https://www.screencast.com/t/MhK3XUF99P5W

    In fact, all the images are a but larger than they're suppose to be throughout the website due to this issue.

    Please advise.


  •  9,009
    Tahir replied

    Hey Again,

    See screenshot the Original is 2100px wide :

    Have you tried viewing it on another Resolution . Also which resolution screen are you seeing the issue on ?. 

    B/est 


    ThemeNectar Support Team 

  • Chris replied

    The image is 800x114 and don't understand your comment about "Original" being 2100px?

    My screen is 1920 x 1080 and want to insure the image looks 800x114 as intended (not blown up for any reason but still be responsive). All my images are bigger and this didn't happen on the past theme version with the same plugin configuration. For example: this image resizes to 630.283 x 630.283 but the image is actually 550x550: https://www.screencast.com/t/lqkYQSl8

    The issue seems to go away for all my picture problems when .row .col img { width: auto; } is disabled.

    Please advise.
     

  •  9,009
    Tahir replied

    Hey Again,

    Salient 8.0 introduced Adaptive Images so the css needed to be changed .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .row .col img {
     width: 100% !important; 
    }

    Thanks


    ThemeNectar Support Team 

  • Chris replied

    Actually, the issue had to do with the woocommerce plugin and the theme incompatibility with 3.0.5. Reverted back to 3.0.3 and everything is fine. Also, the required "State" drop-down under billing details on checkout doesn't work using woo 3.0.5.

    To revert back, please go here: https://wordpress.org/plugins/woocommerce/advanced/

    Thanks.

  •  9,009
    Tahir replied

    Thanks for letting us know . Have noted to look into this for Upcoming Theme Updates. 

    Be.st 


    ThemeNectar Support Team