CSS Container Names

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.

Maybe so – but not all of them correspond to the background colors – so just needed to know the above.

Again – not all containers are showing up for the appropriate area’s that I need to color hence why I’ve open this topic.

@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.

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.

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?

Footer works easily – it’s the ones up there… discovered site-header while waiting for further response.

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.

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.

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.

check this
https://www.opencodez.com/wp-content/uploads/2014/04/openstrap-container-id-classes.png

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.

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.

from your comments it seems you got it working.

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.