QNimate

  • CoursesVideos
  • WP PremiumPlugins
  • DemosLab
  • Home
  • QIdea
  • QTrack
Home Carbon Ads WordPress Default Widgets CSS Classes

WordPress Default Widgets CSS Classes

WordPress comes with some built in widgets such as recent comments, calendar, tags, categories etc. While developing a WordPress theme you need to style the default widgets too.

Here is the list of CSS classes to style the built in widgets

.widget {}

#searchform {}
.widget_search {}
.screen-reader-text {}

.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

.textwidget {}
.widget_text {}
.textwidget p {}
May 6, 2015Narayan Prusty
Twitter Login in Intel XDK APP using ngCordovaOauthWordPress Default Comment Form CSS Classes
Comments: 3
  1. SHANE BROWN
    6 years ago

    Informative Blog! Thank you for sharing coding details with us.

    ReplyCancel
  2. Dayle Potterson
    7 years ago

    I must say, the source code is pretty horrible. I was a little surprised when I saw it appear in my source. Thankfully it wasn’t too hard to get rid of. Thanks for sharing with us-Bookmarked!!

    ReplyCancel
    • Matt
      7 years ago

      and what makes it so horrible?

      ReplyCancel

Leave a Reply to Matt Cancel reply

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

Narayan Prusty

I am a software engineer specialising in Blockchain, DevOps and Go/JavaScript. This is my personal blog where I write about things that I learn and feel interesting to share.

7 years ago 3 Comments WordPress
Share this
0
GooglePlus
0
Facebook
0
Twitter
0
Linkedin
Related Articles
  • WordPress Default Comment Form CSS Classes
  • WordPress Visual Editor Generated Classes
  • WordPress Enqueue Scripts/Styles only if Widget is Active
  • Underscores.me Tutorial
  • WordPress Custom PHP, JS and CSS Plugin
Our Sponsor
My Books

2014 - 2015 © QNimate
All tutorials MIT license