Styling the filepicker in css

Styling the filepicker in css

από Simon Hanmer -
Αριθμός απαντήσεων: 3

We're using the Evolve-D theme and having some success in styling it. However, I'm having an issue with the filepicker.

We've increased the height of the navbar and now the filepicker disappears behind this as shown below:

Hidden filepicker


I've tried adding custom css using a few different classes and identifiers such as .filepicker but can't seem to get this working - any suggestions?

Μέσος όρος βαθμολογίας: -
Σε απάντηση σε Simon Hanmer

Re: Styling the filepicker in css

από Mary Evans -
Φωτογραφία Core developers Φωτογραφία Documentation writers Φωτογραφία Peer reviewers Φωτογραφία Plugin developers Φωτογραφία Testers

It's not the filepicker you need to style, but the page itself, at least add some padding to the body of the page to allow for the deeper top menubar.

Currently body CSS style includes padding-top: 60px; so you need to make it...

body { padding-top: 150px; } 

or even more if needed.

Hope this helps?

Mary

Σε απάντηση σε Mary Evans

Re: Styling the filepicker in css

από Simon Hanmer -

Mary,

 thanks for the suggestion - tried that and unfortunately it didn't resolve the issue.

It did prompt me to think about the issue a bit more which was that the picker was hidden behind the menubar which on checking, had a z-index of 4030!

I dropped that down to 2 which since the filepicker has a z-index of 3 meant that everything now seems to work as hoped.