This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Main Container Opacity

  • Creator
    Topic
  • #16212
    tunallidesigner
    Participant

    I’m using the dark/stretched container and played with all the rgba and opacity settings but no difference in page. I simply want the main container to be slightly transparent and show the background image (with maybe 80% opacity). Where should the element be exactly?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #16214
    Jason Bobich
    Keymaster

    Hello,

    Checkout /assets/css/shape/stretch-light.css of your parent Alyeska theme. In here you’ll see the various places where that #eeeeee background color is applied to. Then you can just copy these selectors to your child theme’s style.css, and apply your background rgba() there.

    http://css-tricks.com/rgba-browser-support/

    ===========

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

    #16285
    tunallidesigner
    Participant

    Thanks Jason, that worked (although not in IE but no biggy).

    #16293
    Jason Bobich
    Keymaster

    Background rgba values should work in IE9+, I believe.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.