[David Morgan]

Hi Joshua,

This should be possible using the block alignment options and or adding a little custom CSS to ensure all boxes are of equal height. Can you provide a link to the page with these sections so I can provide a more accurate solution?

Thanks!

[David Morgan]

Hi Joshua,

There are no background position options specifically for mobile. You would need to make this change using the “background-position” CSS property within a mobile media query. Something like this:

@media screen and (max-width: 768px) {
  .page-id-30 .obb-hero {
    background-position: right;
  }
}

Otherwise, you could try using the “Cover” block in place of the Hero block. Within the Cover block options you can change the focal point of the background image. However, this option is not specifically for mobile either, but it might help you find a happy medium in regards to the image placement on both desktop and mobile.

I hope this helps.

Thanks!

[David Morgan]

Hi Joshua,

No problem. Within the Hero Block there is a nested “Spacer” block above the Hero title. You can remove or change the height of this spacer block to decrease the space between the header and hero. Additionally, there is a minimum height option for the Hero block within the block settings, and you may change or remove this option to decrease the height of the Hero section.

Let us know if this works, and if you need any more assistance.

Thanks!

[David Morgan]

Hi Stevie,

No problem. I have a few suggestions, and will try to help as much as possible.

First, regarding the theme setup wizard, if you’re a WordPress.com Business subscriber, you should be able to edit code within the theme file editor. You can learn more here, https://wordpress.org/documentation/article/editing-files/#using-the-theme-file-editor-and-plugin-file-editor

Once you have access to the theme file editor, navigate to the “merlin-config.php” file within the “inc” folder. On line 25 of the file, you will see the following code:

'dev_mode' => false, // Enable development mode for testing.

Change the code to this:

'dev_mode' => true, // Enable development mode for testing.

Save the changes.

That should re-enable the setup wizard, and you should then be able to access the wizard by navigating to Appearance > Theme Setup within the dashboard.

Regarding using STAX and editing files, I’ll try to explain some of the concepts and how it differs from editing classic themes. Also, STAX is an evolving theme, much like the WordPress Site Editor, and we are continually making updates to the theme in order to improve the user experience. It’s undergone some other major updates over the past couple weeks.

As a general rule of thumb, the Site Editor (FSE) is intended to be used for global site-wide design changes, while the classic editor is meant for adding and managing content for individual pages and posts.

For instance, you may use the FSE for changing the layout of the header, menu items, colors, fonts, borders, etc. When making these kind of changes, it help to familiarize yourself with all the options of the Group and Columns blocks, and have an understanding of nested blocks. Also, using dimension settings like padding and margins will help with spacing. When I’m using the editor, I usually have the “List View” toggled on, and the style options for any block that I’m editing, see attached screenshot.

While the FSE editor doesn’t require any code, it’s very helpful to have a basic understanding of HTML and CSS, and how containers (like the Group and Columns blocks) are used when structuring the layout of a template. Additionally, it helps to have a basic understanding of the WordPress template hierarchy. Meaning, WordPress features different layouts for different types of content. For instance, the “Index” template displays the blog layout, the “Single” template refers to the structure of individual posts. Here is a link that may help with understanding the template hierarchy, https://wpengine.com/builders/block-theme-templates/

Also, the global style changes for fonts and colors are located in a separate style tab within the FSE (the circular icon that is half black and half white). See attached screenshot for reference.

Regarding the patterns, STAX categorizes the patterns based on their type. In some cases, the patterns may take a moment to load, but they should be visible. See attached screenshot. Also, we have recently updated all patterns in a theme update.

I hope this helps. Basically, using the FSE and block themes takes some getting used to because it’s so different from classic themes, but when it all “clicks” it starts to make much more sense. Let us know if there is anything else.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Erich,

Who is your hosting provider? Have you cleared the cache with your host?

I’ve checked your site in 4 different browsers (Firefox, Chrome, Safari, Brave), and the product thumbnails all load correctly. This is consistent with some kind of caching issue on your end, and unfortunately I have no way to debug the issue if I can’t reproduce it.

I hope this helps point you in the right direction.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Erich,

Ah, I see. I think this is a caching issue. If you are running any caching plugins or CDNs for the site, try clearing/purging all caches. Also, try clearing your browser caches. Most likely, you updated to a more recent version of the theme, and your browser and/or plugin caching is still storing the older version of the theme.

Let us know if this resolves the issue.

Thanks!

[David Morgan]

Hi Stevie,

Have you installed the theme on the domain before, or disabled the setup wizard?

It should automatically prompt the setup wizard upon a new installation of the theme. However, if it’s not prompting you may be able to access the wizard under Appearance > Theme Setup.

If that option isn’t showing, it’s likely the wizard was disabled at some point. In which case, you may need to reset the site in order to prompt the wizard, https://wordpress.org/plugins/wp-reset/

We could also try running the wizard in dev mode to prompt the setup, but would need access to your WordPress admin.

Let us know if there is anything else.

Thanks!

[David Morgan]

Hi Stefan,

1. What version of STAX is installed on the site? In the latest theme version, I only see one footer within the code. Regardless, you should be able to remove the extra footer within the full-site editor by navigating to Appearance > Editor > Templates > Featured Image. Then, you can edit the template directly, and delete the extra footer.

2. Unfortunately, the Builder Widgets plugin isn’t fully compatible with block themes when using the “Organic Custom” page template. Rather than applying the page template, you could add a Widget Area Block within the block editor, and then add the Team Members widget within the widget area. Alternatively, I would recommend using the “Posts Block” within the Organic Blocks plugin in order to display your team members.

Let us know if this resolves the issue.

Thanks!

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

Hi Manu,

You could change the position and alignment of the logo and menu within the full-site editor using the group block within the latest version of the theme. However, if you would prefer to make this change using CSS, you can try the following styles:

.obb-header .obb-header-content {
  justify-content: center;
}
.obb-header #obb-nav {
  width: 100%;
  display: flex;
  justify-content: center;
}

You can change the menu font size by adjusting the Primary Navigation font size option within the Header Block options. I’ve attached a screenshot.

In order to achieve an underline effect when you hover over menu items, you can try the following CSS:

.obb-menu a:hover, .obb-menu a:active, .obb-menu a:focus {
  text-decoration: underline;
}

I hope this helps. Let us know if there is anything else.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Erich,

Thanks for reaching out and using STAX! Did you get this issue resolved?

The thumbnails appear small and horizontally aligned when viewing your example page, as in the attached screenshot.

We did make some WooCommerce updates with the most recent theme update that may have resolved this issue. However, if it was a custom solution, we would love to know what was added so we may apply an update to theme.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Joshua,

Thanks for reaching out. When viewing your site, the header content and hero content appears to be full-width. Did you get this issue resolved?

Thanks!

[David Morgan]

Hi Berit,

Thanks for reaching out!

Yes, the blog page is managed using the Index template for the STAX theme.

First, in order to utilize the Index template, you will need to assign a page as your Posts page within the WordPress Reading settings. Navigate to Settings > Reading within the WordPress admin. Then, set your Posts page, and save the changes. See attached screenshot.

Keep in mind, whatever page you set as your Posts page will display as your blog.

Additionally, you can add links to your blog page by adding a link to whatever page you have set as your Posts page (Typically a page named Blog or News).

If you would like to edit the blog template to display a Portfolio Block, you can then navigate to Appearance > Editor > Templates > Index, and edit the Index template, adding a Portfolio Block at the top of the page.

I hope this helps. Let us know if there is anything else.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hello,

Sure! There was a faulty conditional code in the display of the excerpt. I updated the conditional code in the plugin files, and we recently pushed an update with the fix.

Let us know if there is anything else.

Thanks!

[David Morgan]

Hello,

Thanks for the clarification. I was able to troubleshoot and resolve the issue. I fixed the issue on your site, and we’ll be pushing a plugin update soon that will include the fix.

Let us know if there is anything else. Thanks!

[Author]

Posts