image in 1/2 part of page it's not full size
Hi,
I have this problem.
I want to create a page divided into two parts 1/2: to left I put a section with wrap and like item a column (there will be my text); To right I put a section with wrap and like item hover box (there will be my photo).
For section setting I change:
I have this problem.
I want to create a page divided into two parts 1/2: to left I put a section with wrap and like item a column (there will be my text); To right I put a section with wrap and like item hover box (there will be my photo).
For section setting I change:
- Background | Color; -> #222224
- Background | Position -> Center top no repeat
- Background | Size -> Auto
- Padding | Top -> 0px
- Padding | Bottom -> 0px
- Style -> Equal Height of wraps | equal-height-wrap
- Custom | Classes -> full-width no-margin-h no-margin-v
My problem is that when I put the image in Hover box, in my screen I don't see the image expanded in the 1/2 column, but I see edges around the image.
See image here: https://prnt.sc/feoa9g
How can I do?
Thanks in advance,
Elisa
Comments
Can you please show any example? A screen?
please send a link to that page
thanks
(the image that i choose is 1920x1080)
Please help me
You would have to set it as a background and then set its size to cover.
If I put image as background in my phone i don't see that.
The equal height of wraps is used to position elements on: top, middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl
But my second problem is that: if I use my iphone I don't see the image that i just modified with your options.
.equal-height-wrap .mcb-wrap {min-height:350px !important;
}