Return to Support

How to make a transparent widget

Home Forums Graphene WordPress theme Support How to make a transparent widget

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2501
    ice48623
    Member

    I wanted some of my widget to be transparent.

    #20523
    Josh
    Member

    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 */
    }

    #20524
    ice48623
    Member

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

    #20525
    Josh
    Member

    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/

    #20526
    ice48623
    Member

    Nothing happen.

    #20527

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

    #20528
    ice48623
    Member

    Ok I will open it, please help.

    #20529
    Josh
    Member

    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.

    #20530
    ice48623
    Member

    Still not thing happen.

    #20531
    Josh
    Member

    Where are you placing the code?

    #20532
    ice48623
    Member

    In Custom CSS and I have some code there and I put this code below others, Where should I put?

    #20533
    ice48623
    Member

    OK not I got it.

    Thanks Very Much for this knowledge.

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

You must be logged in to reply to this topic.