Nhat

Hi,

Could you please give us a link to your site? It’s much easier to resolve the issue once we see it (as we don’t actually have every theme installed on our end).

Thanks,
Nhat

Hi,

The reason they aren’t appearing because we have other items on top of it. Once we hide them, your custom background would appear:

header { background: none; } /* hide background of top part */
#main section { background: none; } /* hide background of middle part */
footer { background: none; } /* hide background of bottom part */

You can add these custom CSS to the bottom of your main theme’s style.css or your child-theme’s style.css; or if you have the official WordPress Jetpack plugin installed, you can simply go to Appearance –> Edit CSS and add them there.

If you wish to hide more background of any part, please feel free to request in your reply. I’ll reply as soon as possible.

Hope this helps,
Nhat

Hi,

We can accomplish this in 2 way. Please pick one and only one:

Method 1: Add this custom CSS code to the bottom of your main theme’s CSS or child-theme’s CSS; or if you have the official WordPress Jetpack plugin installed, you can go to Appearance –> Edit CSS and put it there:

#nav-main-wrapper { top: 30px; }

Method 2: Remove this line in your main CSS (not recommended because we really shouldn’t edit the parent theme’s style.css):

/* in the #nav-main-wrapper section of your main theme's style.css */
/* remove this line: */
/* top: 0px */

Hope this helps,
Nhat

Hi GroceryGirl,

If this is what you mean, then you can achieve that with this custom CSS:

.main-navigation {
width: 100%;
text-align: left;
margin-top: 30px; /* this controls the space between your navigation and your site title */
}

.main-navigation li {
margin: 0px 0px 5px 0px; /* This controls the spacing between items in your navigation bar; the order is TOP RIGHT BOTTOM LEFT */
}

Put it at the bottom of your main theme’s CSS file or your child-theme’s CSS file. Or if you have the official WordPress Jetpack plugin installed, you can go to Appearance –> Edit CSS.

Hope this helps,
Nhat