Archived topic
Weird Margin issue
5 replies · Started by chris on March 7, 2023
Hi im having real trouble fixing this and have been for a while.
While a product is active everything looks as it should spacing wise. However before its active and its in the "Upcoming" stage still live, the same boxes are in different places and its driving me mad, i fix it on one and it changes it on the other so i cant win.
Hi there,
the difference i see is from this CSS:
.lty-lottery-date-ranges .lty-lottery-start-time-label {
display: block;
float: left;
width: 100%;
margin-top: 10px;
}It adds styles to the .lty-lottery-start-time-label but not the .lty-lottery-end-time-label
Change that CSS to:
.lty-lottery-date-ranges .lty-lottery-end-time-label,
.lty-lottery-date-ranges .lty-lottery-start-time-label {
display: block;
float: left;
width: 100%;
margin-top: 10px;
}Hi David,
Im still confused, because i cant find .lty-lottery-date-ranges .lty-lottery-start-time-label anywhere in my css?
I can just find
/*Lottery Styling*/
.lty-lottery-date-ranges{
background: #444444;
padding-bottom: 3px;
padding-top: 10px;
border-radius: 10px;
text-align: center;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
font-weight: 700;
}
Your code doesnt seem to do much that i can see.
Hi Chris,
To clarify, can you take a screenshot of the issue from your end just to make sure we're looking at the same instance of your site?
Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Im just going to leave it iv adjusted it so it doesnt look as bad anyway, still werid things going on lol.
Thanks
I see. You're welcome, Chris!
