front & background color

Hi Doty

Thanks for reaching out.

If you’re interested, Ultra Premium offers the customization options you’re after at Appearance > Customize > Theme Design. You can review that offering from Appearance > Ultra Premium. Alternatively, you can stick with Ultra free and use a Custom CSS plugin to add the changes you need. I can help with that.

Font

Ultra uses several font sizes so it’s not quite as easy as adding a single CSS rule. The premium Customizer offers those settings in the necessary areas. You can try changing the main body font and font-size by adding the following to Appearance > Custom CSS and editing as required. You’ll need a plugin like Simple Custom CSS installed:

/* Typography */

body,
button,
input,
select,
textarea {
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

Header/Footer

/* Header */

.site-header {
    background: #fff;
}

@media (min-width: 1024px) {
	.site-header.site-header-sentinel.fixed {
	    background: #fff;
	}
}

/* Footer */

.site-footer .bottom-bar {
    background: #313539;
}

Remember, all WordPress themes completely overwrite their own folder during theme updates. No changes should be made via Appearance > Editor. You can safely add Custom CSS using a Custom CSS plugin.

Black Lines

Do you definitely need the three Features Widgets inserted into the Footer? Do you need them to show on every page? If so, I recommend removing the Features widget from the Layout Builder widget. For best display it should ideally be inserted directly into the Appearance > Footer area and ideally not within a Layout Builder widget as it adds a layer of complexity that isn’t necessary in this location.

Hope this helps get you started.

You’re fantastic, many thanks!

Just don’t manage to change the background color, i’d like it white around the icons. I’ve replaced #313539 by #fff in the footer but it doesn’t help.

And, sorry for this additional one : i’d like to reduce the space between the slider and the icons, should you have an idea.

Sorry, was missing this, place it under the `/* Footer */ section comment:

.site-footer .footer-main {
    background: #272a2d;
}

If you don’t plan on adding any content to the home page, you could say:

/* Home */

.home .site-content {
	display: none;
}