Home › Forums › Graphene WordPress theme › Support

How to make a transparent widget

  • ice48623

    December 2, 2011 at 4:03 pm #2501

    I wanted some of my widget to be transparent.

    Anonymous

    December 2, 2011 at 5:35 pm #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

    December 3, 2011 at 3:43 am #20524

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

    Anonymous

    December 3, 2011 at 5:02 am #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

    December 3, 2011 at 6:41 am #20526

    Nothing happen.

    Mod

    Kenneth John Odle

    December 3, 2011 at 4:59 pm #20527

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

    ice48623

    December 4, 2011 at 4:55 pm #20528

    Ok I will open it, please help.

    Anonymous

    December 4, 2011 at 5:10 pm #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

    December 4, 2011 at 5:19 pm #20530

    Still not thing happen.

    Anonymous

    December 4, 2011 at 5:59 pm #20531

    Where are you placing the code?

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

  • 1
  • 2
  • You must be logged in to reply to this topic.