Space between menu and content Chamomile theme

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.

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