[David Morgan]

Hi Christine,

See attached screenshot. Is this not correct?

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Marc,

Thanks for reaching out. Can you please provide a link to your site for us to troubleshoot this? We need to reproduce the issue and see console logs in order to debug it, since this issue does not occur in our demos.

Also, what was updated on your site recently? Have any new plugins been added?

Thanks!

[David Morgan]

Hi Marc,

Thanks for reaching out and using STAX! Can you please provide a link to your site so we may inspect this issue further?

Thanks!

[David Morgan]

Hi Dharmesh,

It would be nice if WordPress implemented some mobile style variations for some of their standard blocks, but they have yet to do so. As a result, the only way to currently do this is to target each block using CSS, and use media queries:

For example:

@media screen and (max-width: 1024px) {
  .wp-block-spacer {
    height: 50px !important;
  }
}

@media screen and (max-width: 768px) {
  .wp-block-spacer {
    height: 25px !important;
  }
}

I hope this helps, thanks!

[David Morgan]

Hi Christine,

No problem. Try adding the following style:

.home .wp-block-cover__inner-container .wp-block-group h1,
.home .wp-block-cover__inner-container .wp-block-group h2,
.home .wp-block-cover__inner-container .wp-block-group p {
  text-shadow: 3px 3px 0 #000;
}

Let us know if this works.

Thanks!

[David Morgan]

Hi Christine,

Thanks for reaching out! The rendered version on the frontend of the site is actually the intended display (with the indention). However, you can adjust this to look more like the editor by adding the following custom CSS:

ul li {
    list-style: outside !important;
    list-style-type: disc;
    margin: 6px 0px;
    padding: 0px !important;
}

You can add this style in the Customizer or Site Editor. Let us know if this resolves the list item alignment.

Thanks!

• This reply was modified 5 days, 4 hours ago by David Morgan.

[David Morgan]

Hi Oliver,

Thanks for reaching out and using Chrono! Can you provide a screenshot of the Slideshow block settings?

I suspect you need to select the proper product category within the Slideshow block settings. I’ll explain below:

1. When creating products for the slideshow, assign a category to the products like “Slideshow” or “Featured”.
2. When selecting the Slideshow block in the editor, click the “pencil” Edit icon in the block controls.
3. Select the category you assigned to your products
4. Save the settings

Your products should then display in the slideshow.

Let us know if this resolves the issue.

Thanks!

[David Morgan]

Hi Dharmesh,

Yes, this is possible. In the style options for an image block, select the 3 vertical dots next to the “Border & Shadow” section title. You can then select “Shadow” from the list, which adds the option to add and edit a drop shadow for the image. See attached screenshot for reference.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Alexis,

Try adding the following CSS:

.wp-block-navigation .wp-block-navigation-item a[href*="instagram.com"]::before {
  display: none;
}
.wp-block-navigation .wp-block-navigation-item a[href*="instagram.com"] span {
  display: block !important;
}

Let us know if this works.

Thanks!

[David Morgan]

Hi Christine,

Can you provide a link to your site where this issue is occurring? Once we can inspect the issue, we can provide some CSS to resolve it.

Thanks!

[David Morgan]

Hi Alexis,

The theme automatically detects social media menu links and applies the icon. We can force text using CSS. However, can you provide a link to your site so we can provide the exact CSS needed to apply the change.

Thanks!

[David Morgan]

Hi Katie,

How are you making the header fixed? Is it custom CSS?

What page template are you using for those pages without a header?

You will likely need to modify an existing page template, or create a new page template in the Site Editor if you are using custom CSS to apply the fixed header. The new template will need a spacer block at the top to offset the overlap.

For reference, position “fixed” works differently than the position “sticky” solution provided above. Fixed always overlaps, whereas sticky only overlaps after it’s reaching the top position at the top of the page.

Hi Dharmesh,

The alternate logo is located in the Header Pattern as an Image Block. Replacing the image with an alternate color version of your logo will result in the logo color change when scrolling. See attached screenshot.

I hope this helps.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Christine,

Great, that’s the latest version.

Regarding the wait, when testing locally it has taken up to 5 minutes. It could be longer on a server. There is a lot of data in the demo content.

Alternatively, you try manually importing the demo file under Tools > Import.

I attached the file (it will need to be unzipped prior to uploading).

I hope this helps.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Morgan]

No worries, adding the styles below within the editor or customizer should resolve the display issue.

.wp-block-navigation .wp-block-navigation-item a[href*="bandcamp.com"] {
    display: block !important;
    min-height: auto !important;
    padding: .5em 1em !important;
}
.wp-block-navigation .wp-block-navigation-item a[href*="bandcamp.com"] span {
    display: block !important;
}
.wp-block-navigation .wp-block-navigation-item a[href*="bandcamp.com"]::before {
    display: none !important;
}

I hope this helps! Thanks!

[David Morgan]

Hi Christine,

What version of the STAX theme are you using?

Unfortunately, the percentage estimate is not very accurate, and tends to hang on 0% for a while. However, it does typically complete in our tests.

Thanks!

[Author]

Posts