
-
AuthorPosts
-
September 26, 2016 at 7:19 pm #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 themeSeptember 28, 2016 at 2:53 pm #692693Hey 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,
YigitSeptember 29, 2016 at 1:40 pm #693086Hello 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,
jamemoSeptember 29, 2016 at 2:08 pm #693102Hi,
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,
VinayDecember 1, 2016 at 3:55 pm #719290Hallo 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,
JamemoDecember 6, 2016 at 5:46 am #720824Hi,
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,
IsmaelDecember 10, 2016 at 1:40 pm #722685Hei,
great, thank you very much!!!
Thank you for the support!,best wishes,
jamemoDecember 10, 2016 at 4:21 pm #722707Hi,
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 -
AuthorPosts
- The topic ‘Responsive View: not resizing of pictures’ is closed to new replies.