WordPress.org

Ready to get started?Download WordPress

Forums

Openstrap
[resolved] CSS Container Names (17 posts)

  1. olivertwist2007
    Member
    Posted 4 months ago #

    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! :)

  2. sdavis2702
    Member
    Posted 4 months ago #

    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.

  3. olivertwist2007
    Member
    Posted 4 months ago #

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

  4. olivertwist2007
    Member
    Posted 4 months ago #

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

  5. stephencottontail
    Member
    Posted 4 months ago #

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

  6. olivertwist2007
    Member
    Posted 4 months ago #

    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.

  7. stephencottontail
    Member
    Posted 4 months ago #

    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?

  8. olivertwist2007
    Member
    Posted 4 months ago #

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

  9. Pavan Solapure
    Member
    Theme Author

    Posted 4 months ago #

    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.

  10. olivertwist2007
    Member
    Posted 4 months ago #

    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.

  11. olivertwist2007
    Member
    Posted 4 months ago #

    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.

  12. Pavan Solapure
    Member
    Theme Author

    Posted 4 months ago #

  13. olivertwist2007
    Member
    Posted 4 months ago #

    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.

  14. olivertwist2007
    Member
    Posted 4 months ago #

    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.

  15. Pavan Solapure
    Member
    Theme Author

    Posted 4 months ago #

    from your comments it seems you got it working.

  16. olivertwist2007
    Member
    Posted 4 months ago #

    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.

  17. Pavan Solapure
    Member
    Theme Author

    Posted 3 months ago #

    marking this thread as resolved.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.