Remove a Header bar
-
I am working on bionite.platoon-studios.com
my question is rather simple i think anyways
but anyways how do I remove the gray bar under the logo?
-
What theme are you using? Where did you download it from?
I am using the gamepress theme downloaded from the WP admin tools
Hey there.
Hope you are well 🙂
As per:
http://ww.wp.xz.cn/support/topic/add-support-topics-through-your-themes-extend-listing-page
You should post in the correct forum, this ensure the theme author doesn’t miss your thread. The theme has it’s forum here:
https://ww.wp.xz.cn/support/theme/gamepress
Anyway, are you talking about the huge grey background?
If so you can use this CSS:
#header { background: none; }There is a chance that the theme has a CSS field in the options, if not then you can make a child theme:
http://codex.ww.wp.xz.cn/Child_Themes
http://premium.wpmudev.org/blog/create-wordpress-child-theme/Or you can instead use a plugin if you like:
http://ww.wp.xz.cn/plugins/custom-css-manager-plugin/screenshots/
http://ww.wp.xz.cn/plugins/my-custom-css/screenshots/
http://ww.wp.xz.cn/plugins/pc-custom-css/
http://ww.wp.xz.cn/plugins/imporved-simpler-css/screenshots/
Have a fantastic day! 🙂
thank you timothy
sadly that CSS did not change it, I will look more into this on the themes page
Hey again.
Then it was probably placed too early in the load or you need to clear cache.
I checked here:
bionite.platoon-studios.com
See: http://monosnap.com/image/RkttSxDKCgbkBl9XX0wvPFwZCh6TJC
That’s a screenshot of it working on your site.
How was it loaded?
As a last resort you could try:
#header { background: none !important; }Cheers.
weird ill show you my CSS
/*-----------------------------------------------------------------------------------*/ /* 04. Header /*-----------------------------------------------------------------------------------*/ #header { text-align: center; margin-bottom: 52px; background: none; } #header-inner { width: 980px; padding: 1px 0 0 0; margin: 0 auto; text-align: left; position: relative; } header #logo { float: left; } header #logo h1{ font: 48px 'FrancoisOneRegular', sans-serif; float: left; margin-bottom: 0; } header #logo p{ float: left; text-transform: uppercase; font-size: 11px; margin: 38px 0 0 6px; } .header-ad-section { float: right; width: 468px; height: 60px; position: relative; }Your code is in style.css, but it seems that dark.css is being called later and so it takes priority.
/gamepress/style.css
/gamepress/css/dark.cssYou need to either load the CSS I gave you later, or you need to take it out of it’s order with !important as I mentioned in my last post. It’s best to avoid !important unless it’s a last resort.
Cheers.
would changing the header.php work?
nvm !important worked, I will look into a better solution, thank you!!!!
No, it’s the order in which the CSS is loaded that is the issue.
So the dark.css it wp_register_style later in the call sequence. This is why that takes priority. 🙂
Take care.
Glad that worked 🙂
Ohh, if you want to know more about !important and specificity then checkout this article:
http://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/
🙂
Have a great day!
found the dark.css and removed the background thank you once again for all the help
The topic ‘Remove a Header bar’ is closed to new replies.