Please Note:
The following guide refers to a CSS stylesheet used by Happy Birthday Email app for stores installing prior to May 11th 2023. If your store installed the app after this date then it will be a using our newer styling where the topic of this article is not an issue. If you would like to update to this new version then please get in touch. It is a quick and simple process that we can perform remotely for you and we'd be happy to help!
We've seen an issue with a few Merchant stores where the date input fields on the Birthday Sign-up Page are very close together and the field labels are almost overlapping like the image below:
The way to fix this is to add some CSS override styles. You can do this via Settings > Birthday Sign-up Page then navigate to the Layout section and add some override styling to the CSS area:
The following styles should be pasted into the CSS box. You may need to tweak them slightly to suit your specific theme:
#bd_dd_wrapper {
width: 70px !important;
}
#bd_mm_wrapper {
width: 70px !important;
}
This should then display the form correctly:
If you're still experiencing issues with the layout, then please do get in touch and we'll be happy to help.