Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #691894

    Hello Enfold-Team,

    on the main page – I have 2 dotted blue lines als image – in an image-container. When I resize the picture in responsive view, the image-line gets smaller in width and heigth. Is it possible, that the graphic will be always 4px high – and not getting smaller in height – while resizing the browser window?

    By the way, I don’t want tu use an dotted-hr-tag, because the dots are looking differnt on Safari and Firefox.
    Thank you for your help – it’s a great theme

    #692693

    Hey jamemo,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your image element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class img {
        min-height: 4px;
        min-width: 1082px;
    }

    Best regards,
    Yigit

    #693086

    Hello Yigit,

    Thank you for the help – it works now for the heigth, but have a look at the rigth side of the content area:
    The blue-points-line should not be in the 5% of the rigth border of content area (when you resize the window – it should be like on the left hand side – at both sides). They should stay – like the 2nd blue-points-line just in the center of the picture.

    Best, Regards,
    jamemo

    #693102

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    .your-custom-class {
        min-width:80%!important;
        overflow:hidden;
    }
    

    Best regards,
    Vinay

    #719290

    Hallo Enfold Team,

    thank you again for the help – it works fine for the position and for both borders left and right now.
    However it in responsive-view, when i resize the window, the dots get smaller – is it possible, that the dots are at the same size while resizing the window?

    Best regards,
    Jamemo

    #720824

    Hi,

    Yes, it’s possible. Remove the image then apply it as the background of the column.

    .your-custom-class {
        background: url(https://www.jamemo.at/wp-content/uploads/2016/08/blaue-Punkte_A_1082x4.jpg) no-repeat center center;
    }
    

    Best regards,
    Ismael

    #722685

    Hei,
    great, thank you very much!!!
    Thank you for the support!,

    best wishes,
    jamemo

    #722707

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Responsive View: not resizing of pictures’ is closed to new replies.