Intro page

Next99 · November 2017

Hello

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.

Can you help me how to do it?

Thank you very much for your time and help

Next99 · November 2017

Sorry I forgot put the link...XD

here...:https://www.blitzblank.it/test-2/

Bryan · November 2017

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

Next99 · November 2017

Here is what I would like to do. This I designed in Photoshop

Bryan · November 2017

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.

Next99 · November 2017

OK this worked.

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.

https://www.blitzblank.it/test-2/ ;

Thanks

Bryan · November 2017

Okay I see, lets try another way then.

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.

Next99 · November 2017

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?

Thanks a lot for the help

Bryan · November 2017

Please create a new page and import this into the builder.You may need to replace the background images for the columns. This is what I meant:

YToxOntpOjA7YToyOntzOjQ6ImF0dHIiO2E6MTg6e3M6NToidGl0bGUiO3M6MDoiIjtzOjg6ImJnX2NvbG9yIjtzOjc6IiNlZmVmZWYiO3M6ODoiYmdfaW1hZ2UiO3M6MDoiIjtzOjExOiJiZ19wb3NpdGlvbiI7czoyMjoibm8tcmVwZWF0O2NlbnRlciB0b3A7OyI7czo3OiJiZ19zaXplIjtzOjQ6ImF1dG8iO3M6MTI6ImJnX3ZpZGVvX21wNCI7czowOiIiO3M6MTI6ImJnX3ZpZGVvX29ndiI7czowOiIiO3M6MTE6InBhZGRpbmdfdG9wIjtzOjE6IjAiO3M6MTQ6InBhZGRpbmdfYm90dG9tIjtzOjE6IjAiO3M6NzoiZGl2aWRlciI7czowOiIiO3M6OToiZGVjb3JfdG9wIjtzOjA6IiI7czoxMjoiZGVjb3JfYm90dG9tIjtzOjA6IiI7czoxMDoibmF2aWdhdGlvbiI7czowOiIiO3M6NToic3R5bGUiO3M6OToibm8tbWFyZ2luIjtzOjU6ImNsYXNzIjtzOjE1OiJmdWxsLXdpZHRoIGRhcmsiO3M6MTA6InNlY3Rpb25faWQiO3M6MDoiIjtzOjEwOiJ2aXNpYmlsaXR5IjtzOjA6IiI7czo0OiJoaWRlIjtzOjA6IiI7fXM6NToid3JhcHMiO2E6Mjp7aTowO2E6Mzp7czo0OiJzaXplIjtzOjM6IjEvMiI7czo1OiJpdGVtcyI7YToxOntpOjA7YTozOntzOjQ6InR5cGUiO3M6NjoiY29sdW1uIjtzOjQ6InNpemUiO3M6MzoiMS8xIjtzOjY6ImZpZWxkcyI7YToxMjp7czo1OiJ0aXRsZSI7czowOiIiO3M6NzoiY29udGVudCI7czoxNjoiPGgxPkNPTlRFTlQ8L2gxPiI7czo1OiJhbGlnbiI7czo2OiJjZW50ZXIiO3M6OToiY29sdW1uX2JnIjtzOjA6IiI7czo4OiJiZ19pbWFnZSI7czo5MDoiaHR0cDovL211ZmZpbmdyb3VwLmNvbS9kZXY4NjI0L3dvanRlay93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8xMS9jYXJwZW50ZXIyLWFib3V0LWxha2UuanBnIjtzOjExOiJiZ19wb3NpdGlvbiI7czoyMjoibm8tcmVwZWF0O2NlbnRlciB0b3A7OyI7czo3OiJiZ19zaXplIjtzOjU6ImNvdmVyIjtzOjEzOiJtYXJnaW5fYm90dG9tIjtzOjA6IiI7czo3OiJwYWRkaW5nIjtzOjg6IjQwMHB4IDIlIjtzOjc6ImFuaW1hdGUiO3M6MDoiIjtzOjc6ImNsYXNzZXMiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7fX19czo0OiJhdHRyIjthOjk6e3M6ODoiYmdfY29sb3IiO3M6MDoiIjtzOjg6ImJnX2ltYWdlIjtzOjA6IiI7czoxMToiYmdfcG9zaXRpb24iO3M6MjI6Im5vLXJlcGVhdDtjZW50ZXIgdG9wOzsiO3M6NzoiYmdfc2l6ZSI7czo0OiJhdXRvIjtzOjc6Im1vdmVfdXAiO3M6MDoiIjtzOjc6InBhZGRpbmciO3M6MDoiIjtzOjEzOiJjb2x1bW5fbWFyZ2luIjtzOjA6IiI7czoxNDoidmVydGljYWxfYWxpZ24iO3M6MzoidG9wIjtzOjU6ImNsYXNzIjtzOjA6IiI7fX1pOjE7YTozOntzOjQ6InNpemUiO3M6MzoiMS8yIjtzOjU6Iml0ZW1zIjthOjE6e2k6MDthOjM6e3M6NDoidHlwZSI7czo2OiJjb2x1bW4iO3M6NDoic2l6ZSI7czozOiIxLzEiO3M6NjoiZmllbGRzIjthOjEyOntzOjU6InRpdGxlIjtzOjA6IiI7czo3OiJjb250ZW50IjtzOjE2OiI8aDE+Q09OVEVOVDwvaDE+IjtzOjU6ImFsaWduIjtzOjY6ImNlbnRlciI7czo5OiJjb2x1bW5fYmciO3M6MDoiIjtzOjg6ImJnX2ltYWdlIjtzOjk3OiJodHRwOi8vbXVmZmluZ3JvdXAuY29tL2Rldjg2MjQvd29qdGVrL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDE3LzExL2NhcnBlbnRlcjItYWJvdXQtbWFuLXdvcmtpbmcuanBnIjtzOjExOiJiZ19wb3NpdGlvbiI7czoyMjoibm8tcmVwZWF0O2NlbnRlciB0b3A7OyI7czo3OiJiZ19zaXplIjtzOjU6ImNvdmVyIjtzOjEzOiJtYXJnaW5fYm90dG9tIjtzOjA6IiI7czo3OiJwYWRkaW5nIjtzOjg6IjQwMHB4IDIlIjtzOjc6ImFuaW1hdGUiO3M6MDoiIjtzOjc6ImNsYXNzZXMiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7fX19czo0OiJhdHRyIjthOjk6e3M6ODoiYmdfY29sb3IiO3M6MDoiIjtzOjg6ImJnX2ltYWdlIjtzOjA6IiI7czoxMToiYmdfcG9zaXRpb24iO3M6MjI6Im5vLXJlcGVhdDtjZW50ZXIgdG9wOzsiO3M6NzoiYmdfc2l6ZSI7czo0OiJhdXRvIjtzOjc6Im1vdmVfdXAiO3M6MDoiIjtzOjc6InBhZGRpbmciO3M6MDoiIjtzOjEzOiJjb2x1bW5fbWFyZ2luIjtzOjA6IiI7czoxNDoidmVydGljYWxfYWxpZ24iO3M6MzoidG9wIjtzOjU6ImNsYXNzIjtzOjA6IiI7fX19fX0

Next99 · November 2017

Hi

how do import it? Can write the procedure. Thanks a lot for help.

Bryan · November 2017

This will help:
http://prntscr.com/h7a920
Remember to update the page.

Next99 · November 2017

hi

That's right. Only I would still like:

-That the page does not scroll

-There is margin around each photo

-Che can put text and call to action or the link

Thank you very much for your help

Bryan · November 2017

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.

Intro page

Comments