WordPress.org

Ready to get started?Download WordPress

Forums

The Bootstrap
[resolved] IE8 (16 posts)

  1. dstrosin
    Member
    Posted 1 year ago #

    My website looks terrible in IE8 when not in compatibility view.

    Is there anything I can do to fix??

    http://www.widen.com

    http://wordpress.org/extend/themes/the-bootstrap/

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try sorting out the markup errors. Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website
    If you continue to have problems with IE, consider conditional comment CSS

  3. dstrosin
    Member
    Posted 1 year ago #

    I tried to address some of the errors.

    I tried conditional and not seeing any changes. I think I have it set up right? Everything is shifting right. Is there any way to stop that from happening?

  4. Konstantin Obenland
    Member
    Theme Author

    Posted 1 year ago #

    Hi dstrosin,

    I'm excited that you chose to build you website with The Bootstrap, thank you!

    The layout bugs you experience are the ususal hick ups you get when trying to make a Theme cross-browser compatible.

    For example:

    • Try to use .social li { display: inline-block; } to start getting the social bar in order.
    • Or the misplaced icon for 'Web-Based DAM'? In IE8 it just needs more width than that to display correctly.

    As far as I can tell, none of the issues are caused by The Bootstrap, right?
    Just have patience and try to solve the challenges IE present one-by-one. And remember: Many IE7/8 related workarounds are already discussed somewhere, Google can help you find them. :)

    Thanks,
    Konstantin

  5. dstrosin
    Member
    Posted 1 year ago #

    Yes... I think I have messed with the styles a bit too much!

    Live and learn.

    I think I finally got the ie style sheet to link up so I'll start hacking away at it.

    Thanks!

    I'll probably be using your theme again in the near future with a whole lot less css and more planning.

    Your Theme is great!

  6. Konstantin Obenland
    Member
    Theme Author

    Posted 1 year ago #

    Thanks! :)

    Oh, by the way, you don't need to use @import in your Child Theme's CSS file. When there is a Child Theme in use, The Bootstrap automatically enqueues the child's stylesheet with the right dependency to the parent's stylesheet.

  7. dstrosin
    Member
    Posted 1 year ago #

    So I can remove this?

    @import url('../../the-bootstrap/style.css');

  8. Konstantin Obenland
    Member
    Theme Author

    Posted 1 year ago #

    Yes, try and see! :)

  9. dstrosin
    Member
    Posted 1 year ago #

    Thanks!

  10. dstrosin
    Member
    Posted 1 year ago #

    I am having trouble targeting ie8.

    Any advice?

  11. Konstantin Obenland
    Member
    Theme Author

    Posted 1 year ago #

    As esmi pointed out, conditional comment CSS is the best way to address it.

  12. dstrosin
    Member
    Posted 1 year ago #

    I've placed it and it doesn't seem to be working.

  13. lynchd57
    Member
    Posted 1 year ago #

    Can someone tell me where to make the font size bigger on this theme. I can't seem to find anything on adjusting the sizes of the H! tags but more importantly the font size on the posts.

    Lyynchd57

  14. lynchd57
    Member
    Posted 1 year ago #

    Hi there,
    does anyone else have trouble with getting the images to wrap around the text on this booststrap theme. I have only come across a few themes that do this and booststrap appears to be another. Does anyone have a solution for it.

    Lynchd57

  15. lynchd57
    Member
    Posted 1 year ago #

    Hi there one more,
    the categories page shows all the posts instead of just the excerpts. Has anyone known how to rectify this hiccup.

    Thanks
    Lynchd57

  16. fb16
    Member
    Posted 1 year ago #

    @Lynchd57,

    Forgive me, I'm not the developer of the "The Bootstrap" theme.

    I just wanted to notice that in this thread they are discussing on a very specific issue ( IE8 ). So it appears to me your questions are out of topic.

    Anyway, here are some hints. If you'll need further help, in my opinion, you should better search on forums or open a specific thread.

    Please, let's go back to the subject of this thread now. Thank you.

    1) You can put a css rule in the style.css file (or "style.min.css"), in order to change the font size. Something like: body{font-size:30px;}

    2) You can add the css class pull-right or pull-left to the HTML img tag. Something like: <img class="pull-right" src="..., should make the image floating to the right (or to the left) of text.

    3) You could search for a dedicated plugin to achieve this. Or, if you feel comfortable, you could create/edit the functions.php file (here is a link for an old howto).

    Please, let's go back to the subject of this thread now. Thank you.

    Best regards

    fb

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic