CSS Glossary for the Customizr WordPress theme


This glossary lists the most important selectors of the Customizr theme by zone. It is a very useful resource for anyone needs to customize the style of theme.

New to WordPress Theme Customization? Check those ressources

 

Header-Navbar

Key

Selector

Description

Header Block

.tc-header

Header Block

Navbar Box

.navbar.notresp .navbar-inner

Navbar Box

Logo

.brand a

Logo

.tc-header .brand

Logo

Social Icons

.navbar-wrapper .social-block a

Social Icons

.social-block a

Social Icons

.navbar-inner .social-block

Social Icons

.navbar-wrapper .navbar h2

Social Icons

a.icon-feed

RSS

a.icon-twitter

Twitter

a.icon-facebook

Facebook

a.icon-google

Google+

a.icon-instagram

Instagram

a.icon-wordpress

WordPress

a.icon-youtube

YouTube

a.icon-pinterest

Pinterest

a.icon-github

Github

a.icon-dribbble

Dribbble

a.icon-linkedin

LinkedIn

Tagline

.inside .site-description

Tagline

h2.site-description

Tagline

.navbar-wrapper .navbar h2

Tagline

Navbar

.navbar .navbar-inner

Navbar Box

.navbar.notresp .navbar-inner

Navbar Box

.navbar .nav > li > a

Menu item

.navbar .nav > li > a:hover

Menu item

.navbar .nav > li > a:focus

Menu item

.dropdown-menu > li > a

Menu item dropdown

.navbar .btn-nav

3-bar Button

Slider

Key

Selector

Description

.carousel

Slider

#customizr-slider

Slider

#customizr-slider.carousel .item

Slider

.carousel-caption h1

Slider Heading

.carousel-caption p

Slider Sub-Heading

.carousel-caption .btn

Slider Button

.carousel-control

Slider Left/Right

Feature Pages

Key

Selector

Description

.marketing h2

Title

.fp-text-one, .fp-text-two, .fp-text-three

Text

.btn.btn-primary.fp-button

Button

.round-div

White Rectangles

Posts-Pages

Key

Selector

Description

.breadcrumb-trail

Breadcrumb

.page .entry-title.format-icon

Page Icon/Title

.blog .entry-title.format-icon

Post Icon/Title

.post.sticky

Sticky Post

.entry-title.format-icon > a

Post Title

.entry-meta

Notice

.entry-meta .btn

Category

.entry-date

Date

.entry-meta .url

Author

.comments-link

Comments Count bubble

.round-div

White Rectangles

hr.featurette-divider

Divider

Key

Selector

Description

.tc-sidebar

Sidebars

.left .tc-sidebar

Left Sidebar

.right .tc-sidebar

Right Sidebar

Footer

Key

Selector

Description

footer#footer

Footer

#footer .social-block

Footer Social Block

#footer .credits

Footer Credits

#footer .backtop

Footer Back to Top

.footer-widgets

Footer Widgets

Key

Selector

Description

.home

Front Page

.blog

Posts

.page

Pages

.page-id-n

Page id#

body

Main Body

#main-wrapper

Center Container

 Credits : @Dave Bardell 

 

Further reading on Themes&Co

If you’re new to Customizr and CSS, there will probably be a learning curve, but you will quickly discover how CSS is a very valuable skill if you need to customize WordPress themes or do any kind of webdesign.

There are a plenty of interesting resources on this websites to get you started with learning more about how to improve your CSS coding skills.

 

Other useful web resources