Branko

@buster13,

Can you send your website URL so I can check that?

If you are not comfortable sharing the URL here, you can send me an email to hello[at]sinatrawp.com

I will take a look into this.

Thanks!

• This reply was modified 4 years, 9 months ago by Branko.

Hey @szocslevente,

We can add that in the next theme update, but sinatra_hero function is hooked into sinatra_after_masthead in template-parts.php line #379.

You can override this in your child theme by removing that action and adding your own.

Here’s an example of how that would look like in your child theme:

// Remove sinatra_hero from Sinatra parent theme.
remove_action( 'sinatra_after_masthead', 'sinatra_hero', 30 );

// Create your function.
function my_custom_sinatra_hero() {
	echo '...';
}

// Hook your new function to sinatra_after_masterhead hook.
add_action( 'sinatra_after_masthead', 'my_custom_sinatra_hero', 30 );

If this helps, I’d appreciate if you reconsidered giving Sinatra 5 stars ??

Thanks!

@buster13,

Thank you for the suggestions. I will take a look into that.

@buster13,

You can do that by adding the following CSS to “Additional CSS” field in Appearance ? Customize:

.single-post .entry-media img {
  max-width: 700px;
}

@arrowcounselingms,

Each page has a unique ID that’s added to body class. Something like this:

page-id-123

You can use that class to add different backgrounds for different pages.

For example:

.page-id-123 #page {
  background-image: url('');
}

Hey Simone,

Logo is placed to the left by default on mobile devices regardless of which header layout you are using.

You can center it by adding this CSS code into “Additional CSS” field in Appearance ? Customize:

@media screen and (max-width: 768px) {
    .sinatra-header-layout-3 .si-logo-container > .si-container {
        flex-direction: column;
        align-content: center;
    }

    .sinatra-header-layout-3 .si-logo-container .sinatra-logo > .logo-inner {
        align-items: center !important;
    }
}

Let me know if that worked for you.

Thanks!

Please share your site URL so I can take a look into that.

Thanks!

Hi,

Changing text color is easy. Click on the paragraph block and on the right sidebar go to “Color settings” and pick the color.

Screenshot.

It’s only possible to set fonts globally for your whole site. You can do that in Customize ? General Settings ? Base Typography ? Body & Content ? Body Typography.

The theme is designed so that the maximum width of a featured image does not exceed “Content Width”. If you upload a smaller image it will not be stretched.

Jason,

Yes, it does.

If you are using a Full Width section (cover block, group…) the content inside will be stretched to full width regardless of Customizer options.

You can add si-wrap-content class to wrap the content inside.
Screenshot.

Hey @devaluas,

At the moment we do not have an export functionality, but we have plans to add Import/Export functionality to Sinatra Core plugin.

Thanks!

The theme does not have inbuilt masonry functionality.

Good to hear that. That means it was a cache issue with your phone. Clearing browser data on your device would probably fix that.

@taliattoun2025,

I assume that you have a lot of menu items and that they overflow the header area. If that’s the case then you have a couple of options, depending on which header layout you’re using.

For example, Header Layout 3 offers more space for menu items than Header Layout 1 and 2.

You can stretch your main header container to full width. From Customizer go to Header ? Main Header and set “Header Width” to “Full Width”. This will make more space for your menu items.

Then, you can adjust the “Mobile Breakpoint” option in order to show the mobile menu earlier. You can do that in Header ? Main Navigation ? Mobile Menu ? Mobile Breakpoint.

@mlacey415,

I’m not able to replicate this issue.
Can you send a screenshot and how to replicate the issue?

Thanks!

• This reply was modified 4 years, 10 months ago by Branko.

You can target homepage with .home.

To target the theme’s page wrapper, you can use:

.home #page {
  background-image: url('');
}