-
Posts
-
Hello,
I see a simple design on a website that I would like to do for my own. I tried several things but I can’t do what I want. Can you help me ?
Here is the page for my inspiration https://www.lasauge.fr/pages/lassociationI explain what I would like :
same height column and content
pictures on background with animation on scroll (zoom)
color block with gradient
and text + button insideThank you
Hey fiorettipau,
Thank you for the inquiry.
You can use the Column element, but you’ll need to apply some css modifications to control the height of each row. Set the images as the background of the columns, then insert a Text or Code Block element inside each.
Please create a test page so we can inspect the elements and provide the appropriate modifications.
Best regards,
IsmaelHi,
Thank you for the update.
You may have forgotten to include the link to the test page. Please add the link in the private field.
Best regards,
Ismaelin these fields – is it manually inserted content or do you like to have this layout for dynamically inserted content. F.e. portfolio grid ?
Hi,
Sorry for the delay. The page does not exist when we checked. Do we need to log in to the site? Please provide the login details in the private field.
Best regards,
IsmaelHi,
Thank you for the info.
We edited the first and second columns, applied a minimum height (300px), and added the custom css class name “av-column-with-content-overlay”. To apply a background to the content, we added the following css code:
.av-column-with-content-overlay .av_textblock_section { background: rgba(244, 242, 233, 0.95); padding: 20px; margin: 50px; }You can apply the same configuration to the other columns to get this layout:
Best regards,
Ismael
- The topic ‘I don’t know how to make a design’ is closed to new replies.