Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

adding opacity to add-on colours in customiser

Home Forums Support adding opacity to add-on colours in customiser

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #167304
    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

    #167396
    Tom
    Lead Developer
    Lead Developer

    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 🙂

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.