Get the child theme fixed first – no sense in making changes in the parent theme. When you activate the child theme, you have to redo any theme settings/options – they do not transfer to a new theme – a child theme is like any other new theme.
This will pretty much remove the space. Paste the following into your editor. To create more space increase the 0px.
.header {
margin: 0 auto 0px auto;
}
@simon Duncan – please stop telling people to modify theme files – Changes like that should only be made in a Child Theme or using a custom CSS option or plugin. Otherwise the changes will be lost when the theme is updated.
Thanks for a very fast reply.
I have followed all instructions I could find about creating the child theme. Everything else is working but I am loosing my top banner where I have my logo. Do you have any ideas what I need to add to my child theme??
Thanks.
Yeah. Sorry. I made an assumption that is wrong – ie people are using child themes and editing in the child theme stylesheet editor. Oops.
Is the header image a theme option? Does it not work if you upload it the same way in the child theme?
I will look into the child theme problem later. @simon duncan I added
.header {
margin: 0 auto 0px auto;
}
But this didn’t remove the space. Any other ideas??
Thanks
I have tried a lot already to remove the space. I have a feeling that the Chamomile theme is a bit different from other themes, but may be I am wrong. I do not have much experience with PHP.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@jensbonde, Are you posting here because your theme’s vendors aren’t providing you with support?
Yes @andrew newins I do not get any support. Well I have to pay for support.
Where are you making that change? If you are changing style.css (which you should not be) – it’s being overridden by another stylesheet that’s loaded after it – so yes, this is a theme issue and these forums only provide theme-support for themes from this site.
That said, you can try using a custom CSS plugin – and add this code there:
.container .header {
margin: 0 auto;
}
That increases the specificity of the CSS so it overrides the existing CSS no matter the order in which it’s read.
Thank you @wpyogi. I have tried with different CSS plugins but it didn’t help. I am sorry that I have posted my problem. I thought that it was for all WordPress Themes and WordPress users.
Thanks
Looks like it fixed the issue? Yay!