Tweenty Fourteen "Customize colors", lost of black backgroung

jeremeylduvall · Member · Apr 28, 2014 at 1:18 pm
Copy link
Sounds great! Keep me posted.
dvismusic · Member · May 1, 2014 at 1:07 pm
Copy link
Hi,

I’am back with another question linked to the fact we have change the background to dark . . .

I would like to manage color for, both, audio player and audio playlist, could you help me to do this ?

For the audio playlist, I would like to manage background color, to avoid white and put orange for example, see :
https://www.dropbox.com/s/bjbfvd1phcz7o8r/Capture%20d’écran%202014-05-01%20à%2014.55.23.png

For audio player, I would like to customize colors to :
https://www.dropbox.com/s/djsvqgwiap4pm5t/Capture%20d%E2%80%99%C3%A9cran%202014-05-01%20%C3%A0%2015.00.21.png

Thanks to you again for your precious help,
DvisMusic
jeremeylduvall · Member · May 1, 2014 at 2:21 pm
Copy link
Please see my answers below!

For the audio playlist, I would like to manage background color, to avoid white and put orange
```
.wp-playlist-dark {
background-color: ####;
}
```
For audio player, I would like to customize colors to :
https://www.dropbox.com/s/djsvqgwiap4pm5t/Capture%20d%E2%80%99%C3%A9cran%202014-05-01%20%C3%A0%2015.00.21.png

I believe you’re referring to how the volume bar gets pushed down to the bottom here:

Is that correct? If so, that is a bug we’re aware of and currently looking to fix. Let me know if you’re referring to something else!
dvismusic · Member · May 1, 2014 at 5:07 pm
Copy link
Hi !

For the audio playlist, I would like to manage background color, to avoid white and put orange

.wp-playlist-dark {
background-color: ####;
}

This is not working . . . I steel have a white background

For audio player, I would like to customize colors to : https://www.dropbox.com/s/djsvqgwiap4pm5t/Capture%20d%E2%80%99%C3%A9cran%202014-05-01%20%C3%A0%2015.00.21.png

I believe you’re referring to how the volume bar gets pushed down to the bottom here:

I have noticed this bug … What I would like to do is to customize colors of the player, I have found this on an old wordpresstips blog :

Customizing the WP audio player

Could we use such parameters with new WP player, or is it possible to do such with CSS customization ?

I hope this is clear for your ?
Thanks again, DvisMusic
jeremeylduvall · Member · May 1, 2014 at 8:28 pm
Copy link
Hi!

These questions are best directed to the CSS Support forum here:

https://en.forums.wordpress.com/forum/css-customization

We have some CSS gurus there that will be able to let you know if this is possible or not. Please direct all further CSS questions there.

If you have any additional support questions, feel free to drop them here!
dvismusic · Member · May 1, 2014 at 10:25 pm
Copy link
Hi, I will use the appropriate CSS Support forum, and will let you know.
Thanks to you, DvisMusic
jeremeylduvall · Member · May 2, 2014 at 2:33 pm
Copy link
Not a problem! Please let me know if you need any additional help with features of the theme or WordPress.com.
dvismusic · Member · May 4, 2014 at 3:13 pm
Copy link
HI, I am back with a new question, perhaps you could help me ?

I would like to set the hover color set when you choose an item in the menu generated for ipad and iphone, see :

The current selected item is in orange, I would like to have the hover color in red, when you choose a new item in the menu …

Thanks for your support,
DvisMusic
dvismusic · Member · May 4, 2014 at 3:13 pm
Copy link
HI, I am back with a new question, perhaps you could help me ?

I would like to set the hover color set when you choose an item in the menu generated for ipad and iphone, see :

The current selected item is in orange, I would like to have the hover color in red, when you choose a new item in the menu …

Thanks for your support,
DvisMusic
dvismusic · Member · May 4, 2014 at 3:14 pm
Copy link
Sorry, I have doubled this entry, I move to fast . . .
shawnajroberts · Member · May 5, 2014 at 5:16 pm
Copy link
Hi there!

Do you only want this change to affect the mobile and tablet versions of your site? Currently your entire site has this behavior:

Let me know what you’d like to do and I can help you figure out the code to do it! :)
dvismusic · Member · May 6, 2014 at 10:16 am
Copy link
Yes, I only want a change for mobile and tablet versions

I tried this :
.primary-navigation a:hover {
color: #C10026 !important;
}
It has a bad effect on pc version . . . red character on red background

I will be glad to see your code,
Dvismusic
shawnajroberts · Member · May 7, 2014 at 5:02 pm
Copy link
I just took a look at the code. Getting this behavior for only the mobile and tablet versions is a little more complicated than I can help you with.

You should check out the CSS forums and see if anyone can help you there:

https://en.forums.wordpress.com/forum/css-customization

You can learn more about using media queries that target certain screen sizes here:

Media Queries for Standard Devices

Responsive Design with CSS3 Media Queries
dvismusic · Member · May 8, 2014 at 11:17 am
Copy link
Thanks for those precious links,

I have a start of answer for this on CSS customization forum :
https://en.forums.wordpress.com/topic/audio-player-how-to-customize-colors?replies=11

DvisMusic
shawnajroberts · Member · May 8, 2014 at 7:53 pm
Copy link
Great! :)

Let me know if I can help with anything else!
dvismusic · Member · Jun 6, 2014 at 7:46 am
Copy link
Hi,

Tomorrow, June 7, is the launch of my site DvisMusic.com, I really wanted to thank you for all your support and for allowing me to get the design I wanted to sparkle my music with the world ! Do not hesitate to visit my site and leave a comment sign of your visit!

I hope you like the result and also my music. . . Music is sharing!

Thank you again,
DvisMusic
More on dvismusic.com
shawnajroberts · Member · Jun 9, 2014 at 7:06 pm
Copy link
Yay! I’m so excited for you! I’ll definitely take a look. :)

No items found.