• Resolved supersvetodiod

    (@supersvetodiod)


    hello!
    different image formats.
    the code is set in the calculated field:

    hello!
    different image formats.
    the code is set in the calculated field:
    (function(){
    result var = field name 18,
    url = ";
    
    jQuery('.image-container').html(");
    
    
    if (result == 2) url = 'https://leds-calc.com/wp-content/uploads/2022/03/two-leds-resistor-calculator.jpg ';
    otherwise, if (result == 1) url = 'https://leds-calc.com/wp-content/uploads/2022/03/single-led-resistor-calculator.jpg ';
    otherwise, if (result==3) url = 'https://leds-calc.com/wp-content/uploads/2022/03/three-led-resistor-calculator.jpg ';
    otherwise, if (result>3) url = 'https://leds-calc.com/wp-content/uploads/2022/02/series-led-resistor-calculator.jpg ';
    
    if(url != ") jQuery('.image-container').html('<img src="'+url+'">');
    the returned result;
    })()

    In the Form Definition Setup, the following code was set for the image:

    ##ffbuilder .image-container img{maximum width:425 pixels !important; opacity:1 !important;}

    On PC and mobile pages , the size of the output images is 450 pixels . Tell me how you can make the images appear in the format of gadgets on which the images are displayed.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @supersvetodiod

    You can enter the following style definition through the “Customize Form Design” attribute in the “Form Settings” tab:

    #fbuilder img{max-width:425px !important; opacity:1 !important;}

    Also, if you want to assign max-width: 100% on devices with small screen sizes, you can enter the style definition as follows:

    #fbuilder img{max-width:425px !important; opacity:1 !important;}
    @media (max-width:710px){
       #fbuilder img{max-width:100% !important; opacity:1 !important;}
    }

    You can learn more about the CSS @media in any online tutorial:

    https://developer.mozilla.org/en-US/docs/Web/CSS/@media

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘hello! different image formats.’ is closed to new replies.