I would like to make an intro page, that is, two photos at the center of the screen, without scrolling up and down. Around the photos I would like a bit of margin.
Hi, Could you maybe show me on a screenshot what you are trying to acomplish? Just paste images in paint or something so I can understand what would the end effect be. thanks
Okay you can do it like this: 1. Make a section 2. Insert two 1/2 wraps and set a background image for each of the wraps. 3. Insert a column item in each of the wraps and type your text As you can see the background only appears behind the text. to expand the column, so it will make the wrap bigger, thus making the image show please edit the column item and set the padding. The padding value would be 100px 0px, - this means that it will add 100px padding to the top and bottom. You can also center the text in the column item.
But I would not let the scroll with the mouse and there would be a slight margin around the photos as it is in the photo that I sent you. And I would like you to see well on the smartphone. I would also like the photos to be seen as whole. Because they're raster now.
1. Remove the background from the wraps, and set the background color to be the same as the content background.
2. Edit the columns and set the background images there. If you want more space between them, just add padding to the previous '100px 0px' I mentioned. So for example try 100px 2%, try using % for horizontal padding/margin, it will look better on mobile.
Then I tried with the section various combinations with the warp and colum even between them but it does not come out what i want.I think maybe through the CSS might go. But I do not know the CCS language so well. So kindly please help me make this page that works for desktop,tab and mobile. I'll give you access to dashboard and please try it yourself. Where can I post pass and user so that others can not see?
all of those options are there, you need to adjust the column padding if you want more space. If you want the page to not scroll then set the section style to full-screen. If you want links, then add them to the column items or add other items.
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
Comments
Could you maybe show me on a screenshot what you are trying to acomplish?
Just paste images in paint or something so I can understand what would the end effect be.
thanks
1. Make a section
2. Insert two 1/2 wraps and set a background image for each of the wraps.
3. Insert a column item in each of the wraps and type your text
As you can see the background only appears behind the text. to expand the column, so it will make the wrap bigger, thus making the image show please edit the column item and set the padding.
The padding value would be 100px 0px, - this means that it will add 100px padding to the top and bottom. You can also center the text in the column item.
http://prntscr.com/h7a920
Remember to update the page.
If you want the page to not scroll then set the section style to full-screen.
If you want links, then add them to the column items or add other items.