customizing pop-up calendar date picker
-
I am using a pop-up calendar as a date picker linked from my ecommerce provider, ecwid. I have been able to change the width of the calendar but only to 350px and above. If I make the calendar less than 350px, the calendar table does not resize along with the background. I would also like to change the color of the table, headings, font, rollover date, etc. I cannot seem to find the selectors that will allow me to change these parameters. Any help would be appreciated. You can see the calendar at http://storkcelebrations.com/7-day-stork-rental/
BradThe blog I need help with is: (visible only to logged in users)
-
You will need to right click and select Inspect Element
I was able to get the roll-over date to change with the following code
tml#ecwid_html body#ecwid_body div.dateBoxPopup div.datePickerDayIsToday { background-color: red; }I was able to get the background color changed. You can change the border by changing gray.
html#ecwid_html body#ecwid_body div.dateBoxPopup { background-color: green; border: solid 1px gray; padding: 10px 10px 0 10px; z-index: 10000001; }The font could be changed by, maybe adding
font-family: cursiveto either example of the above CSS code -
-
Hi @cherdrich, I’m not currently seeing a calendar on the 7-day stork rental page. Did you remove it?
-
It took me a moment as well, the calendar pops-up when a user clicks on the expected due date:
-
@cherdrich, I’m not seeing the calendar dropdown on your page anymore. Did you decide to not use it?
- The topic ‘customizing pop-up calendar date picker’ is closed to new replies.
