WordPress.org

Ready to get started?Download WordPress

Forums

The Bootstrap
Modify my blog (40 posts)

  1. overtips
    Member
    Posted 1 year ago #

    My blog is http://www.overtips.com and want to modify it. Like to be as android.js.

    1 Want the logo to be over menu (like as android.gs).
    2 don't know how can change the color at the menu bar(don't like black color).

    Thank you

  2. overtips
    Member
    Posted 1 year ago #

    @fluid2011

    change the code :

    .navbar-inverse .navbar-inner {
      background-color: #0000ff;
      background-image: -moz-linear-gradient(top, #0000ff, #0000ff);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0000ff), to(#0000ff));
      background-image: -webkit-linear-gradient(top, #0000ff, #0000ff);
      background-image: -o-linear-gradient(top, #0000ff, #0000ff);
      background-image: linear-gradient(to bottom, #0000ff, #0000ff);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
      border-color: #252525;
    }

    Please let me know because the color dosn't change(want to change the black menu in blue menu #0000ff)

  3. fluid2011
    Member
    Posted 1 year ago #

    @overtips have you uploaded the code to the site?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You really should not change theme files - because your changes will be overwritten when your theme is updated. Instead you can use a child theme - http://codex.wordpress.org/Child_Themes or custom CSS plugin. Once you have that set up - ADD the above code there and make changes there.

  5. fluid2011
    Member
    Posted 1 year ago #

    If you don't know how to put a child theme up then just give us a shout.

  6. overtips
    Member
    Posted 1 year ago #

    will try to put a child theme and after will tell you...

  7. overtips
    Member
    Posted 1 year ago #

    created The Bootstrap Child

    /*
    Theme Name:     The Bootstrap Child
    Theme URI:      http://example.com/
    Description:    Child theme for the The Bootstrap Child theme
    Author:         Mark Tyson
    Author URI:     http://example.com/about/
    Template:       thebootstrap
    Version:        0.1.0
    */
    @import url("../thebootstrap/style.css");

    put this code, please let me know because have this message "This theme is broken. The parent theme is missing. Please install the "thebootstrap" parent theme."

  8. fluid2011
    Member
    Posted 1 year ago #

    When you look look at the bootstrap theme what is it called?

  9. fluid2011
    Member
    Posted 1 year ago #

    is original thebootstap theme in the theme folder?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You need to use the-bootstrap in two places -

    Template: ...

    @import ...

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Also, after you modify the @import line in the dashboard editor, you need to switch to another theme and then back to the child theme for the change to work.

  12. overtips
    Member
    Posted 1 year ago #

    ok , finish the job, The Bootstrap Child: Stylesheet (style.css)
    Select theme to edit:

    Next step?

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Doesn't look like it's activated on your site - make sure you've cleared SuperCache if you've tried to activate it.

  14. overtips
    Member
    Posted 1 year ago #

    how can clear SuperCache? how can activate the new theme?

  15. overtips
    Member
    Posted 1 year ago #

    activate now, please let me know the next step

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Excellent! So now copy that CSS from the above post to your child theme style.css file - and change the hex colors to what you want.

    You can find hex codes from a site like this:

    http://www.colorpicker.com/

  17. overtips
    Member
    Posted 1 year ago #

    Ok, works, the navbar now is blue but is empty don't have home / Football Tips (the category)

  18. overtips
    Member
    Posted 1 year ago #

    ok find to put the category in bar menu. Let me know how can change the color at the Category in the bar menu. Want to put white.

  19. overtips
    Member
    Posted 1 year ago #

    please let me know how to put the logo over menu bar in left part like as android.gs

  20. fluid2011
    Member
    Posted 1 year ago #

    @overtips you are going to need to edit your theme. How skilled are you at editing the PHP and html?

  21. overtips
    Member
    Posted 1 year ago #

    know that, i am not professional but i am familiar with html and PHP. let me know the next step. thanks

  22. fluid2011
    Member
    Posted 1 year ago #

    ok cool, then you are going to have to move the div=logo and the nav together and re-align the CSS nav. I would do this in a child theme as an update would overwrite this.

  23. overtips
    Member
    Posted 1 year ago #

    @fluid
    can u give me the code to put in CSS nav. I don't know how to arrange them in the css nav child theme.

  24. fluid2011
    Member
    Posted 1 year ago #

    what is the code for the logo and the nav if you could post that

  25. overtips
    Member
    Posted 1 year ago #

    The nav code

    .navbar-inverse .navbar-inner {
      background-color: #1b1b1b;
      background-image: -moz-linear-gradient(top, #222222, #111111);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
      background-image: -webkit-linear-gradient(top, #222222, #111111);
      background-image: -o-linear-gradient(top, #222222, #111111);
      background-image: linear-gradient(to bottom, #222222, #111111);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
      border-color: #252525;
    }

    the logo code

    <div id="logo">
    							<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
    								<span><img src="http://www.overtips.com/wp-content/uploads/2013/06/logo.png" alt="football trading" /></span>
    							</a>
    						</div>
  26. fluid2011
    Member
    Posted 1 year ago #

    You need to put the logo div in the nav div and then float the logo.

    have a read of this it will explain how to do it. http://stackoverflow.com/questions/5124441/positioning-a-div-inside-a-div-without-affecting-layout

  27. overtips
    Member
    Posted 1 year ago #

    the code don't good for me, the bar menu put wrong on the site on not good for mobile phone. Another method do you have?

  28. overtips
    Member
    Posted 1 year ago #

    i think find the solution but not so professional :)

  29. fluid2011
    Member
    Posted 1 year ago #

    @overtips To get it working across responsive it's a bit of work. this is more of an HTML CSS code than a WordPress issue.

  30. fluid2011
    Member
    Posted 1 year ago #

    just keep plugging away, If your looking for a coding service then let me know.

    David

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.