adding opacity to add-on colours in customiser

[Hugh]

Hi,

Your customiser add-ons for colours works very well. I would like to put a percentage transparency / opacity on some elements – primarily the content background and potentially the menu, header and widgets.

Equally it would be nice to add borders and rounded corners etc.

I can amend the css but would like an easy reference to the css div classes for the various sections in ‘colors’.

Also I wonder if I should be doing this in a child theme? I have included your plugin simple css but wonder what will happen to custom css when your theme is updated.

nice theme

regards

Hugh

[Tom]

Hi Hugh,

I’m afraid adding transparency to the colors is only possibly using rgba: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_color_rgba

I can’t really incorporate that into the Colors add-on without people losing their colors.

Your best bet for finding selectors is using your browser’s inspect element tool. In Chrome, right click and select “Inspect”.

In Firefox, you can use the Firebug extension.

Using Simple CSS is safe – your CSS will never be deleted when you update the plugin 🙂

[Author]

Posts