Page 1 of 1
Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 5:02 pm
by christ2000
Hello, any idea why my card lose the align when adding second text?
HERE SHOW CORRECT
THEN APPEAR THE ERROR
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 5:13 pm
by Pablo
I cannot see what you have done based on the screenshot.
Do you have a demo project?
Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 5:36 pm
by christ2000
Hello Pablo, the RED TEXT in first card, is a second text i added to this card, if i add a second text card go up
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 5:56 pm
by Pablo
Sorry, but I need a project file to be able to help you.
Please read:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 6:13 pm
by christ2000
o Sorry here you are
https://workupload.com/file/wHNXrxhEhsC
on project look fine, but in preview not
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 6:21 pm
by Pablo
I do not see the problem in the project.
The alignment looks correct when I preview the page.
What exactly do I need to do to see the problem?
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 6:41 pm
by christ2000
wow, when i put the preview in firefox, chrome or any explorer, card 1 is higher
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 6:45 pm
by christ2000
I put the page and test in another computer and same error
You don't see the First white card in higher position when preview?
check the arrow
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 8:19 pm
by Pablo
Ok, I thought you were referring to the alignment of the text.
I think it's related to the negative margin of the card. I believe they call this 'collapsing margin'
In this case the height of all cards should be the same.
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 8:24 pm
by christ2000
all cards are 370, 200 so i dont know
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 8:51 pm
by Pablo
It's not about the height, but the content of the card.
Using a negative margin will have this side effect (unrelated to WWB)
Re: Cards lose align when adding second Text
Posted: Mon Jun 29, 2020 9:06 pm
by christ2000
i think there is something wrong, i put the basic cards to test and when you delete any element on the card, the layout fail to load properly , while card has same item inside all work fine
Re: Cards lose align when adding second Text
Posted: Tue Jun 30, 2020 2:30 am
by bkjohns
Are you using a card container, layout grid or flexbox for the cards?
Re: Cards lose align when adding second Text
Posted: Tue Jun 30, 2020 2:36 am
by christ2000
card container
thanks
Re: Cards lose align when adding second Text
Posted: Tue Jun 30, 2020 6:09 am
by Pablo
In the example you have shared, you are not using a card container. The cards are in a layout grid.
This means that the cards are floating, because you did not define columns.
If you really want to use a layout hgrid then you can align the top with th4 efoliwng code:
Code: Select all
<style>
#wb_Card1, #wb_Card2, #wb_Card3
{
vertical-align: top;
}
</style>
But I think using a flex container or card container would be better choice.
Also, (although unrelated to this problem) there is an error in your breakpoints. The default view should be the widest view.
Re: Cards lose align when adding second Text
Posted: Tue Jun 30, 2020 8:01 pm
by christ2000
Thanks for the help i will try recomendations,
Pablo as you mention (The default view should be the widest view.) how put the widest default?
thanks
Re: Cards lose align when adding second Text
Posted: Tue Jun 30, 2020 8:05 pm
by Pablo
You cannot make a breakpoint default. You will have to update the default view manually.
Re: Cards lose align when adding second Text
Posted: Tue Jun 30, 2020 8:31 pm
by christ2000
thanks