How to make a transparent widget

  • ice48623

    #2501

    I wanted some of my widget to be transparent.

    Josh

    #20523

    Well, let’s start with your login box, and see if we can get it working on just that one… then the process will be the same for others.

    If you use firebug, and inspect your login widget, you will see it has an id of wp_sidebarlogin-6. So, we would need to create something like this in our child theme style.css file.

    #wp_sidebarlogin-6 {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    }

    ice48623

    #20524

    What is firebug, and can I put this code to custom css

    Josh

    #20525

    Yes, you can add it to your custom css.

    See this video regarding firebug: (you can thank me after you understand how to use it)

    http://www.joshlobe.com/2011/10/using-mozilla-firebug-to-inspect-css-files/

    ice48623

    #20526

    Nothing happen.

    Mod

    Kenneth John Odle

    #20527

    Now it says your site is in maintenance mode for the next month, so it is really difficult to help.

    ice48623

    #20528

    Ok I will open it, please help.

    Josh

    #20529

    I’ve already explained it. For your Polls widget, add this to your custom CSS box:

    #polls-widget-3 {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    }

    Make sure to refresh your browser and clear the cache.

    ice48623

    #20530

    Still not thing happen.

    Josh

    #20531

    Where are you placing the code?

Viewing 10 posts - 1 through 10 (of 12 total)

You must be logged in to reply to this topic.