Try adding this Custom CSS
`.site-header {
background-size: contain;
margin-top: -3em;
padding-top: 10em;
}
Here’s an easy-to-use WordPress Plugin to add Custom CSS styles:
https://ww.wp.xz.cn/plugins/simple-custom-css/
Thank you, that makes the header look the way I want it but it seems to disable the plugin I have to remove the search box. How can I remove the header search box?
Try
.site-search {
display: none;
}
in addition to the previous code.
search box is still displayed
Try:
#masthead > div > div.site-search {
display: none!important;
}
You could try :
.widget_product_search form {
visibility: hidden;
}
Seems to remove the entire search field without much fuss.
nope…
This is what I have in the “My Custom Functions” Plugin screen
.site-header {
background-size: contain;
margin-top: -3em;
padding-top: 10em;
}
#masthead > div > div.site-search {
display: none!important;
}
when I try to apply this its says this
Sorry, but your code causes a “Fatal error”, so it is not applied!
Please, check the code and try again.
I guess first off am I entering it into the right spot?
BrettEllis_CPM – No luck with that either…
I think I got it! I only used the bit from BrettEllis_CPM and it removed the search box as well as not affecting the header.
Thank you all for the help!
No worries, glad to help.
There’s nothing wrong with that CSS code,
and it just isn’t possible that applying CSS generates that kind of error,
that’s a PHP error.
Are you using the Custom CSS plugin I suggested before?
Looks like you are trying to include the code in a PHP file, perhaps functions.php?
Right, just what I thought, you were not using the correct WordPress plugin needed to add Custom CSS styles. Here goes the link again:
https://ww.wp.xz.cn/plugins/simple-custom-css/
FYI, CSS and PHP are two complete different animals 🙂
I was using My custom Functions plugin. There is no doubt that I’m not applying it correctly. Like I said in the 1st post I have no experience at this. Just curious but do you think the plugin you suggested is better than the one I was using?
Just to be clear, from my wordpress dashboard I went to Appearance, then to Edit CSS and pasted the code in the CSS Stylesheet Editor.
If you did go to Appearance, and then to Edit CSS and pasted the CSS code into the CSS Stylesheet Editor like you said, that error would have never occurred.
You got that error because by mistake you were trying to insert raw CSS code into a functions PHP file.
There are no “better” plugins, they just serve different purposes.
Gotcha! Thank you for all the help and guidance.
