Support » Theme: The Bootstrap » Modify my blog

  • overtips

    (@overtips)


    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

Viewing 15 replies - 16 through 30 (of 39 total)
  • overtips

    (@overtips)

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

    overtips

    (@overtips)

    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.

    overtips

    (@overtips)

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

    fluid2011

    (@fluid2011)

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

    overtips

    (@overtips)

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

    fluid2011

    (@fluid2011)

    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.

    overtips

    (@overtips)

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

    fluid2011

    (@fluid2011)

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

    overtips

    (@overtips)

    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>

    fluid2011

    (@fluid2011)

    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

    overtips

    (@overtips)

    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?

    overtips

    (@overtips)

    i think find the solution but not so professional 🙂

    fluid2011

    (@fluid2011)

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

    fluid2011

    (@fluid2011)

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

    David

    overtips

    (@overtips)

    thank you for all, need to change the logo color and format. all the best for you,

Viewing 15 replies - 16 through 30 (of 39 total)
  • The topic ‘Modify my blog’ is closed to new replies.