WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Twitter Bootstrap CSS
[resolved] [Plugin: WordPress Bootstrap CSS] good for beginner - wp bootstrap (17 posts)

  1. Nadiamode
    Member
    Posted 2 years ago #

    plugin good for beginner or who need to add some features of bootstrap but if you want to modify your theme to complete compatible with bootstrap, you need to edit/add css class to theme files ex single.php, index.php etc

    i see some other people release modified wordpress bootstrap themes on github, some look okay some not

    actually bootstrap is just css and js - you can add it yourself like a normal css file but this plugin help you save time and offers some functions that you can insert into post easily

    http://wordpress.org/extend/plugins/wordpress-bootstrap-css/

  2. Paul G.
    Member
    Plugin Author

    Posted 2 years ago #

    Thanks for the feedback on the plugin.

    I hope you've tried version 2.0 and you haven't had any problems with it. We're about to release it to final and remove the beta tag.

    Our aim was to provide a plugin that absolutely anyone can use and I'm delighted to hear we have at least 1 happy customer! :)

    Thanks for the feedback.
    Paul.

  3. Wish Web Geek
    Member
    Posted 1 year ago #

    I am trying to use the version 2.0 and can't for the life of me figure out how to add the menu. This doesn't say much for me using it for anything else.

  4. Wish Web Geek
    Member
    Posted 1 year ago #

    I figured it out. On Appearance > Menus look in the upper left of the page and use the drop down under "Theme Locations" to choose a menu you create for the Main Menu and one for the footer menu. wahlah.

  5. Wish Web Geek
    Member
    Posted 1 year ago #

    I would like to change the background color of the entire top bar that holds the navigation. I have tried changing: #inner-header, .navbar, .navbar-fixed-top, .navbar-inner ... I can't seem to get the entire bar to change colors. Any ideas? Thank you.

  6. Paul G.
    Member
    Plugin Author

    Posted 1 year ago #

    this really depends on your sites's CSS hierarchy... have you tried a tool like firebug to try and track the CSS changes you're making?

    Thanks,
    Paul.

  7. Wish Web Geek
    Member
    Posted 1 year ago #

    Yes I'm using firebug. I've gotten it to change for Firfox but not for Chrome or IE.

  8. Paul G.
    Member
    Plugin Author

    Posted 1 year ago #

    if you're really stuck, try using !important after the style but before the semi-colon; to enforce it.

  9. Wish Web Geek
    Member
    Posted 1 year ago #

    I'll try to figure it out and if I can't I'll try that. thank you.

    I would like to add a carosel that does not get the images from the blog. I've done this on the home page:

    <!-- Carousel items -->
    <div class="carousel-inner">
    <div class="active item">
    <img src="http://blog.rvinsurancepro.com/wp-content/uploads/2013/01/Fotolia_7008950_M2.jpg" alt="RV Insurance Image" title="RV Insurance Image" width="970" height="389" align="middle"/>
    </div>
    <div class="item"><img src="http://blog.rvinsurancepro.com/wp-content/uploads/2013/01/Fotolia_4132850_S1.jpg" alt="Travel Trailer Insurance Image" title="Travel Trailer Insurance Image" width="970" height="389" align="middle"/></div>
    </div>
    </div>
    <?php $post = $tmp_post; ?>
    <div class="carousel-caption">
    <div class="active item">
    <h4>Get your RV Insurance Today</h4>
    <p>There are many reasons for RV Insurance but one is -- your RV is not a vehicle or a house, but needs covered by aspects of each.</p>
    </div>
    <div class="item">
    <h4>Get your RV Insurance Today</h4>
    <p>There are many reasons for RV Insurance but one is -- your RV is not a vehicle or a house, but needs covered by aspects of each.</p>
    </div>

    on http://blog.insurancepro.com home page, but it's not quite working correctly with the carousel. Do you have any advice? Thank you.

  10. Paul G.
    Member
    Plugin Author

    Posted 1 year ago #

    Are you following the HTML markup guidelines from the Bootstrap page ... it seems your HTML is missing some.
    http://twitter.github.com/bootstrap/javascript.html#carousel

  11. Wish Web Geek
    Member
    Posted 1 year ago #

    Here is my css heirarchy. So the css I create should over-ride what you've created for the site. But it seems like your site loads first and then it loads my css. And then not all my css when I'm on IE or Chrome. Any ideas?

    <link rel='stylesheet' id='bootstrap-css' href='http://blog.rvinsurancepro.com/wp-content/themes/wordpress-bootstrap/library/css/bootstrap.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-responsive-css' href='http://blog.rvinsurancepro.com/wp-content/themes/wordpress-bootstrap/library/css/responsive.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='wp-bootstrap-css' href='http://blog.rvinsurancepro.com/wp-content/themes/wordpress-bootstrap/style.css?ver=1.0' type='text/css' media='all' />

    <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
    <style type="text/css" id="custom-background-css">
    body.custom-background { background-color: #b1c2d0; background-image: url('http://blog.rvinsurancepro.com/wp-content/uploads/2013/01/bgslice.gif'); background-repeat: repeat-x; background-position: top center; background-attachment: scroll; }
    </style>
    <!-- end of wordpress head -->
    <link rel="stylesheet" href="http://blog.rvinsurancepro.com/wp-content/themes/wpbootstrap-child/style.css" type="text/css" media="screen" title="no title" charset="utf-8">

    <!-- theme options from options panel -->
    <style>
    #main article {
    border-bottom: none;
    }
    </style>

  12. Wish Web Geek
    Member
    Posted 1 year ago #

    Thanks for your help.

    Also, I would like the pages that lead to drop down menus to be clickable. On http://blog.rvinsurancepro.com, if I click on "Service Center" in top main menu, I want the content for Service Center to show up AND the drop down menu to show up. I've looked around and can't seem to find how to do this.

    Thank you!

  13. Paul G.
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    I'm sorry, I really can't dedicate time to fix the CSS/HTML on your website. We're very responsive and active in supporting the plugins and we even go beyond that in some cases to help where we can. The twitter bootstrap plugin exposes easy access to Twitter Bootstrap and even offers easy access to Bootstrap components through shortcodes.

    However, supporting your site design isn't something I can really turn my hand to.

    Of course, if you'd like to discuss with us options to take on a design/coding project on your site, we'd be open and happy to discuss that with you, but please understand it would be full-time job for me to help everyone that had CSS/HTML problems on their sites.

    Sorry if this isn't what you were expecting.

    Thanks!
    Paul.

  14. Wish Web Geek
    Member
    Posted 1 year ago #

    That's fine. I don't expect you to do that. Thanks.

    Can you answer my question about being able to click on the top level drop down?

  15. Paul G.
    Member
    Plugin Author

    Posted 1 year ago #

    Sure, I think what you're look for is sub-menus.

    On this page: http://twitter.github.com/bootstrap/components.html#navbar

    look for the text "Sub menus on dropdowns"

    Thanks,
    Paul.

  16. Wish Web Geek
    Member
    Posted 1 year ago #

    I have tried to copy the functions.php file to my child theme, change the references like library/plugins.php to wp-content/themes/wordpress-bootstrap/library/bones.php...for example.

    and I am getting this error:
    Fatal error: Cannot redeclare bones_custom_admin_footer() (previously declared in /home/blog8992/public_html/wp-content/themes/wpbootstrap-child/functions.php:27) in /home/blog8992/public_html/wp-content/themes/wordpress-bootstrap/functions.php on line 28

    Is there a way to move the functions.php file so I can add widgets?

  17. Paul G.
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    I don't know about this theme that you're using. This plugin doesn't deal with the themes, it just includes the Bootstrap CSS/JS as needed. Best to ask the author of the theme you're using...

    Thanks,
    Paul.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic