Hi @sneedbreedley
There are typically two ways to add custom CSS to a theme, through a child theme, or via the Customizer.
Using a child theme is generally the recommended way, as you can add any theme customisations to the child theme, either for layout and styling, or custom functionality.
You can read more about how to create a child theme here https://developer.wordpress.org/themes/advanced-topics/child-themes/
Once you have created the child theme, you may need to set the custom padding for the three different places that padding is being applied in the parent theme.
@media only screen and (min-width: 85.375em)
.site-content>.wrapper, #featured-slider-section+.site-content>.wrapper {
padding: 91px 30px;
}
@media only screen and (min-width: 64em)
.site-content>.wrapper {
padding: 61px 30px;
}
.site-content>.wrapper {
padding: 42px 30px;
}
I was wrong. Forget about that code and please let’s go back to my original question. How can I reduce the space below the menu?
Hi @sneedbreedley unless the theme offers you options to edit that padding, making changes to the selectors I have pointed out via CSS in a custom theme will reduce the space below the menu.
However, it looks like you are using the Signify theme, so I recommend asking at https://wordpress.org/support/theme/signify/ so the theme’s developers and support community can help you with this.
There may be theme settings or Customizer options that allow you to change this, but the theme developers would know if this is possible.
Thanks for the response. That seems to work well.
Awesome, thanks for the update @sneedbreedley.
If your question has been answered, we would love if you would mark this topic as resolved in the sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did.
