-
Posts
-
Hi,
I’m trying to fix the size and ratio of the three rectangle zones under the slider on this site : http://banospa.net/
I’m able to end up with something OK by playing with the border values, but I’m sure there’s an easier way to do this and make sure it remains responsive on all format.
Any help would be appreciated :)
Patrick
Hi @Greg_75 ;
I would try with ;
Grid Row (5 rows)
1/5 empty
1/5 1st image + overlay text with padding for the row
1/5 2nd image + overlay text with padding for the row
1/5 3rd image + overlay text with padding for the row
1/5 emptyClose, this actually allowed me to get squares, but they need to be spaced out. I tried putting them in position 1 3 and 5, but they were not quit right either.Too close to the edge.
Any other ideas?
Hi!
As i understand you need 3 squares under the slider and you need them to be responsive correct?
If so please enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add custom class name to the 1/3 col elements and then follow the example provided here http://codepen.io/ollieRogers/pen/FwALr
Best regards,
VinayThanks for your help, but I ended up converting the content of my squares to pictures, which solved my problem and since those wont change, it was ok to do so. I can’t believe I didnt think of that before.
- You must be logged in to reply to this topic.