customizing pop-up calendar date picker

cherdrich · Member · Nov 6, 2015 at 1:53 am
Copy link

Add topic to favorites
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/
Brad

The blog I need help with is: (visible only to logged in users)
pcosta88 · Member · Nov 6, 2015 at 2:51 am
Copy link
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: cursive to either example of the above CSS code
cherdrich · Member · Nov 6, 2015 at 4:23 am
Copy link
Thank you very much. Any idea on the sizing?
thesacredpath · Member · Nov 6, 2015 at 6:33 am
Copy link
Hi @cherdrich, I’m not currently seeing a calendar on the 7-day stork rental page. Did you remove it?
pcosta88 · Member · Nov 6, 2015 at 11:39 am
Copy link
@thesacredpath,

It took me a moment as well, the calendar pops-up when a user clicks on the expected due date:
thesacredpath · Member · Nov 9, 2015 at 9:04 pm
Copy link
@cherdrich, I’m not seeing the calendar dropdown on your page anymore. Did you decide to not use it?

No items found.