Modify my blog

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

@overtips have you uploaded the code to the site?

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 – https://codex.www.ads-software.com/Child_Themes or custom CSS plugin. Once you have that set up – ADD the above code there and make changes there.

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

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

created The Bootstrap Child

/*
Theme Name:     The Bootstrap Child
Theme URI:      https://example.com/
Description:    Child theme for the The Bootstrap Child theme
Author:         Mark Tyson
Author URI:     https://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.”

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

is original thebootstap theme in the theme folder?

You need to use the-bootstrap in two places –

Template: …

@import …

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.

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

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

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

activate now, please let me know the next step

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:

https://www.colorpicker.com/