Title: CSS Container Names
Last modified: August 21, 2016

---

# CSS Container Names

 *  Resolved [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/)
 * I’d like to know the CSS names so I can color the containers like
    the header
   area’s, main content, header, sidebar and footers please – hope someone helps.
   Thank you! 🙂

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/css-container-names/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/css-container-names/page/2/?output_format=md)

 *  [Sean Davis](https://wordpress.org/support/users/sdavis2702/)
 * (@sdavis2702)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834561)
 * If you’re using a modern web browser, hover over the container’s you’d like to
   target, right click, choose the browser’s inspector tools, and you can see all
   of the HTML with its corresponding CSS.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834568)
 * Maybe so – but not all of them correspond to the background colors – so just 
   needed to know the above.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834572)
 * Again – not all containers are showing up for the appropriate area’s that I need
   to color hence why I’ve open this topic.
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834574)
 * [@olivertwist2007](https://wordpress.org/support/users/olivertwist2007/): Can
   you clarify what you mean by “not all containers are showing up”? Perhaps it 
   might be easier if you posted a link to your site along with what modifications
   you’re looking to make.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834575)
 * Well – i’ve said what containers I’d like to color up in the previous messages–
   and i’m modifying the css on my laptop rather than live.
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834579)
 * I’m still a bit confused here, I think. If I use OpenStrap on my local WP install,
   I can right-click on the footer (for example), and then I can see that the id
   is “#footer”, the height is set to 50px and the background color is #F5F5F5. 
   I can then change it to say, #222222, and the background of the footer becomes
   black. Did you see the same thing when you inspected the elements?
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834582)
 * Footer works easily – it’s the ones up there… discovered site-header while waiting
   for further response.
 *  Theme Author [Pavan Solapure](https://wordpress.org/support/users/pavans/)
 * (@pavans)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834600)
 * If you are using chrome just open your site, right click and select Inspect Element.
   If you take you mouse on any area you will see its html in lower left box.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834603)
 * Yes – while that is the case – it doesn’t show all the containers and specifically
   what names so that I can extract it and assigning colors to those names.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834604)
 * Only got the Site header and footer so far..there is the main container but need
   to get that all color and it’s not quite working out in terms – if i color in
   container it over lays the transparency I’m aiming for to show the background
   and don’t want it to do that.
 *  Theme Author [Pavan Solapure](https://wordpress.org/support/users/pavans/)
 * (@pavans)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834608)
 * check this
    [http://www.opencodez.com/wp-content/uploads/2014/04/openstrap-container-id-classes.png](http://www.opencodez.com/wp-content/uploads/2014/04/openstrap-container-id-classes.png)
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834612)
 * Yes I see all that like on my laptop- but as I said before, that I’m trying to
   color in specific container like the main container but it’s doubling up the 
   colours I want to use which I don’t want to do as it doesn’t keep it semi transparent
   for the background to show.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834613)
 * Ahhhh – was the bodychild!
 * Okay- working now – any more news in regards to my previous opened issue which
   hasn’t been answered for a while in getting right header widget centered under
   the logo under breakpoint.
 *  Theme Author [Pavan Solapure](https://wordpress.org/support/users/pavans/)
 * (@pavans)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834614)
 * from your comments it seems you got it working.
 *  Thread Starter [olivertwist2007](https://wordpress.org/support/users/olivertwist2007/)
 * (@olivertwist2007)
 * [12 years ago](https://wordpress.org/support/topic/css-container-names/#post-4834615)
 * not entirely, just the right header i’m trying to figure out – i’ve removed the
   hidden-xs part and that shows it under breakpoint but no luck on being able to
   center it under the site logo.

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/css-container-names/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/css-container-names/page/2/?output_format=md)

The topic ‘CSS Container Names’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/openstrap/2.0.3/screenshot.png)
 * Openstrap
 * [Support Threads](https://wordpress.org/support/theme/openstrap/)
 * [Active Topics](https://wordpress.org/support/theme/openstrap/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/openstrap/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/openstrap/reviews/)

 * 16 replies
 * 4 participants
 * Last reply from: [Pavan Solapure](https://wordpress.org/support/users/pavans/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/css-container-names/page/2/#post-4834781)
 * Status: resolved