[Solved] wordpress theme option problem, css content)

[Bones_Jones]

hi guys,

link
http://goo.gl/9Mzlk8

i can’t seem to change the footer background color. i think it’s because of the theme option – if i change the color there, it changes the color of many other things..

anyway i can just change the footer color?

[Paulie_D]

It looks like it’s controlled by

.plus, .minus, .button1, .blog-title .comment-count, .blog-title-single .comment-count, #footer-bottom, .tag-title, span.onsale, .price_slider_wrapper .ui-slider .ui-slider-handle {
  background: #bfbfa6 !important;
}

Which frankly, the use of !important is poor ‘theming`.

You’d need to add another declaration that is loaded after that one.

#footer-bottom {
  background-color: my color !important; /* the important is required */
}

[Paulie_D]

Not sure what all these style are loaded in the head..surely that’s not the way a child theme works…is it?

[Bones_Jones]

hm.. not sure..

this is the original theme..
http://themes.quitenicestuff.com/organicshopwp/

i changed it alot for better or worse.. lol

anyway, i added the footer css to custom CSS section, but doesn’t change the color…

what am i doing wrong?

[Senff]

Not sure what all these style are loaded in the head..surely that’s not the way a child theme works…is it?

Often, it’s where custom CSS is put if the theme has that option for the user to enter their own styles.

i changed it alot for better or worse.. lol

Don’t. If you change any theme files, they will be overwritten once you update a theme with its latest version. Look into using Child Themes instead: https://codex.wordpress.org/Child_Themes

Also, don’t use !important everywhere. By doing that, you’re painting yourself in a corner.

Like Paulie says, you’ll have to use this custom CSS code:

#footer-bottom {
  background-color: my color !important; /* the important is required */
}

I don’t see that anywhere in your custom styles right now.

[Bones_Jones]

thx for the advise!

[Bones_Jones]

ok, so what i did was i left off ‘main color’ option blank in the theme option.

and then placed the footer-bottom code in the custom css, and it works!

[Paulie_D]

so what i did was i left off ‘main color’ option blank in the theme option.

Why….?

That wasn’t something we suggested.

[Bones_Jones]

my bad. it doesn’t change the footer color, so i tried it that way.

but now, i see that it’s still there on explorer.

i just put it back, and now it doesn’t work on any of the browser…

and this is what i added in the custom css
#footer-bottom {
border-top:1px solid #ccc;
background-color: #fff; !important; /* the important is required */
}

[Paulie_D]

Don’t forget you have to use !important otherwise it won’t override the previous setting.

Ideally however, you should remove the !important from the main declaration.

Also, make sure it comes after that main declaraton.

[Bones_Jones]

problem is i don’t know where is the main declaration(inline 212) is located…

[Senff]

Subtle detail:

background-color: #fff; !important; 

Should be:

background-color: #fff !important; 

[Bones_Jones]

yeah, i saw it too, so i made changes. but still not changing the color…

[Senff]

Footer background looks pretty white to me on http://www.rdragoti.com/

[Bones_Jones]

i gave up and kinda cheated. lol i removed the footer and used the widget area to place the copyright text in the 1st column.

it’s a temporary solution…

anyway – can you remove the link name on your post? thx!

[Author]

Posts