Wes

I can help you change it in the Customizer CSS. Which color did you want to add?

In the Style.css file you’ll see this at the top –

body {
	/* background-color: #fff; */
	background-color: #f2f2f2;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 300;
	line-height: 1.625;
	margin: 0;
}

I included both background colors in case someone wants the previous color. You could comment out one and uncomment the other.

If you dont want to edit the style.css file then you could add this code above to the Customizer CSS page so that it can override the main CSS.

I just uploaded the new version of the Ambition theme. You should have Early access to it. I will soon update the Theme Demo and Documentation pages next, but you should already have access to the latest version and all of its features.

You can download from your account page, then once installed go to the “Child Theme Setup” under the “Genesis” tab in your Admin. Once you click the “One-Click” installer you’ll see what the new demo will look like. Much easier to make edits.

Perfect! Let me know whenever you’re done building the site and I’ll share it on Social Media.

Hi Tanner,

Yes that’s an issue that’s been happening with a lot of WordPress theme developers. The issue is WordPress is trying to deliver an update for a theme that is available in their Repository with the same name. A quick fix is to rename the theme in the style.css to prevent that update from happening. If we change the theme name then it won’t trigger the WordPress update for their theme.

However, you might not have to worry about it as I have a nice big update coming to this theme anyway. You’ll be able to redownload it with all the newest features plus I’ll have it renamed to avoid that WP/Update issue.

I’ll post here once it’s ready.

Unfortunately I’m not sure what’s going on. This is one of those customizations that would require extra time as there’s probably a lot more coding that would need to be done to get it working.

There could be a 3rd party plugin or custom code that is conflicting with it which is causing the issue. I’m not 100% sure. I’m seeing some unusual activity when I inspect the site which doesn’t show up on the demo. It could be coming from a script or something.

It looks like the mobile menu is opening up as it’s supposed to, but there’s not a clear way to close it properly since the toggle is hidden. This particular menu was originally designed to work inside the header.

Also, you may already know this but the Mobile menu isn’t really designed to be in a “fixed” position when scrolling down as some mobile browsers don’t support the “fixed” position. That’s why it only works on Desktop versions of most Genesis Themes.

Do u have link to your site?

Also, did you want to remove that Parallax feature? I’m removing it in future updates since it causes too many issues on certain browsers. I’m noticing other theme devs doing the same. If you prefer to have it removed now just let me know.

In your admin go to the Customiser page, then click Homepage Settings. Set your Homepage Displays to “Static Page” and then set the Posts page to whichever page your Blog is located on. That should do it.

For this version (since it’s still based on Widgets for the Homepage) it shouldn’t matter what you set the “Homepage” to since it is designed to automatically show the Front page widgets through the front_page.php template. However, this will change in the very near future as this theme will be completely redeveloped to fully use Gutenberg to setup the Homepage Content.

I just did a test on a local install to make sure it’s working with the latest version of WordPress and Genesis and everything looks good.

Let me know if this works.

If not, let me know if you need me to login and take a quick look.

It should be up shortly. It’s technically supposed to be released tomorrow (Tuesday) but I went ahead and added it to the shop.

I’ll have a guide and the Forum setup soon.

This theme is “One-Click” install so you should be able to access that link by going to Genesis > Child Theme Setup in your admin – http://YOUR-SITE.COM/wp-admin/admin.php?page=genesis-getting-started

Do you have a link so I can take a quick look at what’s going on?

You can set the post to private if you need to keep it hidden.

Ok, I finally found it!

When you’re on the Page/Post editor, click the little Genesis Icon at the top right of the sidebar. Once you do that then you should see the Layout Options right under the Breadcrumbs.

I can’t believe I didn’t see this mentioned anywhere 🙂 I searched the SP forums, Docs, and everything.

This appears to be changed in one of the recent updates in the Genesis Framework.

Let me know if that works.

Just checking in to see if you were able to get everything working ok?

Do you have any other code that loads JS files? (Plugins, Custom code, etc)

Sometimes this happens on any site or theme that uses multiple js files or links to multiple js files which could cause conflicts.

Can you tell me where you got the code from so I can see how it’s set up exactly?

Ah now I see. I missed the Landing Page part.

Glad you got everything working.

Let me know if you run into any other issues.

The latest version is 1.5.1. However, there is a newer updated version that I’m going to be releasing in the next week which will include all of the latest WordPress/Genesis features (Gutenberg, WP Customizer, etc.

It will be an entirely different theme as far as functionality, but the design will be similar.

Yes the space is mostly coming from that .site-inner div that I posted in my previous reply. If you want to reduce it then that’s one of the places you can start.

One of the reasons that space is there is to push the site content down some to prevent it from showing up to high or behind the header. The header area is an in a fixed position that doesn’t move, and when you do that, everything under that header has to have space added to compensate (this happens on any site/theme).

If you want to easily fix this, then I’d disable the Sticky header through CSS…especially if you’re going to have multiple widgets/content under the header. Otherwise it’s going to take some effort to create some custom CSS code to keep the sticky header while also adding in those multiple widgets right under it.

In order to do either of those it’s going to require some CSS.

The extra space might be coming from the .site-inner on line 655 in your style.css –

.site-inner {
	background-color: #fff;
	clear: both;
	margin-top: 170px;
	position: relative;
	z-index: 9;
	-word-wrap: break-word;
}

So if you’re going to add that widget then I would adjust the margin-top for the .site-inner. You can either adjust the CSS directly in your style.css or you can add it to your Custom CSS section.

If you need two widgets with different colors back to back, then just duplicate all of the steps and rename the 2nd widget. You can rename it something different, or just add -2at the end. after-header-widget-2

Let me know if that helps.

Hi,

Do you have a link to your site? The code/solution might be different for certain users depending on which version they’re using.

If you’re using the latest version, then here’s where it’s located –

Slider Wiget line 1998 –

.slider .flexible-widgets {
	    padding-top: 220px;
}

Or you can copy that code and add it to your Custom CSS and adjust the padding.

If you have a link to your site let me know so I can see exactly where the space is coming from. You can set your reply to private if you don’t want to share your link publicly.

Here’s some code you can start with. Add this to your functions file.

add_action( 'genesis_after_header', 'after_header_widget', 11 );
/**
 * Hooks in after Header Widget Area.
 *
 */
function after_header_widget() {

	genesis_widget_area(
		'after-header-widget',
		array(
			'before' => '<div class="after-header-widget"><div class="wrap">',
			'after'  => '</div></div>',
		)
	);

}
genesis_register_sidebar( array(
	'id'          => 'after-header-widget',
	'name'        => __( 'After Header Widget', 'aspire' ),
	'description' => __( 'This is the After Header Widget.', 'aspire' ),
) );

This includes the code to Hook the widget into place and it also Registers the widget so it will be available on the Widgets page.

You’ll need to make your adjustments to your CSS to change the design/look. Here’s some CSS that you can start with –

.after-header-widget {
	background: #fa5738;
	clear: both;
	margin: 74px auto 0;
	padding: 20px;
}

Edit: Here’s what it would look like – https://i.postimg.cc/qJnxqKpv/Screen-Shot-2019-08-08-at-4-30-37-PM.png

The Aspire version can be checked by clicking the Theme Details on the Appearance page….or you can look at the style.css file. Same thing for the Genesis Framework. You should be able to hover over the theme and the Theme Details text will appear (click for the theme info).

If you need me to login and try it on your site just let me know.