Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 26, 2016 at 7:19 pm #691894
    jamemo

    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

    September 28, 2016 at 2:53 pm #692693
    Yigit

    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

    September 29, 2016 at 1:40 pm #693086
    jamemo

    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

    September 29, 2016 at 2:08 pm #693102
    Vinay

    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

    December 1, 2016 at 3:55 pm #719290
    jamemo

    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

    December 6, 2016 at 5:46 am #720824
    Ismael

    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

    December 10, 2016 at 1:40 pm #722685
    jamemo

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

    best wishes,
    jamemo

    December 10, 2016 at 4:21 pm #722707
    Vinay

    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

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