WordPress.org

Ready to get started?Download WordPress

Forums

Openstrap
CSS problem (45 posts)

  1. olivertwist2007
    Member
    Posted 3 months ago #

    [ Moderator note: Title fixed. Please don't use help in your topic titles. ]

    I want to have the logo kept on the left until the browser is under the breakpoint and when it squashes I would like the Logo centered and the Header right under the logo and centered as well so it still has the slogan under the logo along with the banner please. Some advice here for me please. Thanks.

  2. Adrian Houle
    Member
    Posted 3 months ago #

    Link your current website, because the default theme does not have a logo. Linking the original theme also saves people from having to look it up.

    It is possible you can modify the collapse flow with CSS, but only if lucky, otherwise its custom Jquery/JS

  3. olivertwist2007
    Member
    Posted 3 months ago #

    It's on the backend and cos i'm still working on it I don't want people to see it until it's correct - how would I need to do the collapse flow with CSS - then I can tell you if that works.

  4. Adrian Houle
    Member
    Posted 3 months ago #

    What I mean is that I don't know what logo you are talking about because the default theme does not have a logo. Also there are multiple headers and I don't know witch one you mean. You mean the website title?

  5. olivertwist2007
    Member
    Posted 3 months ago #

    There's a site logo for top left header - the widget i want centering upon the screen under break point is the right header widget.

  6. Adrian Houle
    Member
    Posted 3 months ago #

    This is what I am looking at to try and figure out what you mean. http://wordpress.org/themes/openstrap
    You can see how I am not really following, I see no widgets, no logos, ect.

    If you want a general answer, creating a differnt set of styling for before and after the collapse event usualy does not work out, because CSS is not a conditional language.

  7. olivertwist2007
    Member
    Posted 3 months ago #

    you need to install it onto wordpress and see the widgets then

  8. olivertwist2007
    Member
    Posted 3 months ago #

    and you answering qujestion to front page ...obviously you don't use it....

  9. Adrian Houle
    Member
    Posted 3 months ago #

    No I don't. usually if someone has the site up and I can look at it I just use the developer consol to answer there questions. I guess in your case I can't help.

  10. olivertwist2007
    Member
    Posted 3 months ago #

    don't help if you never use the theme or knowing exact issue or possible issue...

  11. Pavan Solapure
    Member
    Theme Author

    Posted 3 months ago #

    Hi olivertwist2007
    Did you check the theme on mobile or small devices?

    Logo comes to center automatically. I suggest you install theme on some local or any development server then try and add logo and see on smaller devices.

  12. olivertwist2007
    Member
    Posted 3 months ago #

    No I haven't. I decreased the size of my screen and that should it automatically as in centering the logo - does that supposed to do it with the right header under the logo too? Still need these help with adjusting these please.

  13. Pavan Solapure
    Member
    Theme Author

    Posted 3 months ago #

    On smaller devices the right side header(which is meant for some banner or social widget, atleast I designed with this perspective in mind) is hidden.

    This you will experience on browsers too when you make the browser viewport smaller.

  14. olivertwist2007
    Member
    Posted 3 months ago #

    Okay, so please could you advise me how to make the right side header become center below the site logo when it's viewed under the breakpoint - thanks.

  15. olivertwist2007
    Member
    Posted 3 months ago #

    Logo seems to still be left and doesn't center at all - still would like the right header to be able to center under the logo when squashed under breakpoint - also I'd like to be able to make the right header text centered etc.

  16. Devora
    Member
    Posted 3 months ago #

    Can you post a link to your site, and I will take a look?

  17. olivertwist2007
    Member
    Posted 3 months ago #

    The current theme isn't using openstrap - configurating it and if I'm happy with the end results then I'll change it - but till then this is the most important issues :)

  18. Devora
    Member
    Posted 3 months ago #

    in order to change code, you gotta be able to see it. Maybe do an install of wordpress on a subdomain and post a link here.

  19. olivertwist2007
    Member
    Posted 3 months ago #

    well - you can visualise it - the site logo remains on left and the right header widget remains on right but when squashed up - that dissappears and the logo doesn't center and want it to center but the header widget I want it to center under the logo. That all it is.

  20. olivertwist2007
    Member
    Posted 3 months ago #

    Help is still needed urgently please - thanks.

  21. stephencottontail
    Member
    Posted 3 months ago #

    If you need urgent help, I'd advise either purchasing customizations from the theme authors directly or hiring someone from WP Jobs.

    As for this particular issue, because this theme makes extensive use of Bootstrap's grid, it would be a fair bit of work to override Bootstrap's default styling, which is another reason I recommend purchasing customizations directly or hiring someone.

  22. olivertwist2007
    Member
    Posted 3 months ago #

    No - this is the only issue I have - the css, over riding php and functions I can do - just need pointing in the right direction in what to do or some snippets.

  23. stephencottontail
    Member
    Posted 3 months ago #

    Well, one thing you could do would be to get a custom CSS plugin and override Bootstrap's various styles. Check out bootstrap.css in the css folder to get an idea of what styles you'll need to override. Another option would be to create a child theme and use your own version of header.php that doesn't use Bootstrap's grid.

  24. olivertwist2007
    Member
    Posted 3 months ago #

    I've been using child theme since learning update of the theme could over wipe all the work - I'm aware it might be changing the bootstrap columns to make it balance but learning so much - just wanted a good direction pointed so I can figure it out and carry on working on the new update for the theme as I'm fairly confidence openstrap is the better one for me to work with than the one I'm using now.

  25. Pavan Solapure
    Member
    Theme Author

    Posted 3 months ago #

    in header.php on line 106 you have code
    <div class="col-md-8 hidden-xs">

    from above remove css class hidden-xs. It will make right header to appear on small devices/after break point. And right header will be placed under left.

    Let me know

  26. olivertwist2007
    Member
    Posted 3 months ago #

    I'll have a check in a little bit - just sorting out some of life's pressing matters for meeting in few hours time - wish I could be one of those running websites for a living you know - doing much learning while I can in between!

    Will let you know soon Pavan - might just need centering with the logo along with right header- hopefully if all goes well on that then that's me sorted.

  27. olivertwist2007
    Member
    Posted 3 months ago #

    Yes that's worked - so now it's matter of centering both logo and the right header under breakpoint - that's the issue remaining now! Almost close to getting this resolved now - just need pointers! :)

    [Please don't bump]

  28. Pavan Solapure
    Member
    Theme Author

    Posted 3 months ago #

    you can add css class text-center to any div element you want centered
    This css class is already available in bootstrap framework.

  29. olivertwist2007
    Member
    Posted 3 months ago #

    I'll give it a try later - got job interview in hour's time - thank you.

  30. olivertwist2007
    Member
    Posted 3 months ago #

    the text-center to the right head widget doesn't seem to work - not tried it on the site logo yet but not too confidence.

Reply »

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.