Branko

Try this CSS:

table:not(.variations):not(.shop_table) {
  background: none;
}

table:not(.variations):not(.shop_table) tbody tr:nth-child(odd) {
  background-color: rgba(255,255,255,.15);
}

You can add the CSS code into the “Additional CSS” field in the Customizer.

This CSS will hardcode the background color of tables. Feel free to modify the colors.

Hey @pcwzrd13,

Sinatra v1.1.3 will be released today, that version will fix the white text on white background issue.

If you want to have white text with different background color, you can use the following CSS code:

.is-mobile-menu-active #page:after {
    background-color: #000 !important;
    opacity: .6;
}

.is-mobile-menu-active #sinatra-header-inner .sinatra-nav > ul > li > a {
    color: #FFF !important;
    border-bottom-color: rgba(255,255,255,.1);
}
 
.sinatra-is-mobile #sinatra-header-inner .site-navigation {
  background-color: #000;
  border-top-color: rgba(255,255,255,.2);
}

You can add the CSS code into the “Additional CSS” field in the Customizer.

Let me know if that worked for you.

Hey @bmeghan047,

If you are referring to the Hero Section (the hover slider), you can change that in Appearance ? Customize ? Hero.

Hey,

You’d need to use a plugin for that, but I see that you have already figured that out ??

Hey @jasmeetsingh,

In order to keep the theme lightweight as much as possible we decided not to load additional fonts and instead use the default system fonts. Depending on which device you visit your site fonts might be different.

For example, for Windows the default system font is “Segoe UI”, for iOS and MacOS it’s “San Francisco”.

This only happens if “Default System Font” is selected in Appearance ? Customize ? General Settings ? Base Typography.

If you choose one of the Google Fonts that are listed there, the font should look exactly the same on all devices and systems.

Let me know if helped resolve your issue.

(I just want to mention that in General Settings ? Base Typography you can choose different fonts for Body – which will affect all elements and Headings – H1 – H6 elements only).

Thanks!

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

Hey,

The theme adds default table colors and that default color has probably overridden the background color of the table block.

Are you using a plugin for the table block? Let me know which one so I can take a look into that. This compatibility issue will be fixed in the next theme update.

For now, I can send you the CSS code to manually change the table color (until the update is released). Please send a link to your website where you are using the table.

Thanks!

Try this instead:

.premium-blog-entry-meta span i { display: none !important; }

I suppose .premium-blog-entry-meta is something custom, since that class is not from the theme.

Hey @pcwzrd13,

Make sure your theme is up to date. The issue has been fixed in one of the previous updates.

If that didn’t help, please share your website URL so I can take a look into that.

It’d be great if you can open a separate topic for that.

Thanks!

Hey there,

I’m glad you like the theme! ??

1) You can use this CSS:

.is-mobile-menu-active #page:after {
    background-color: #f60;
    opacity: 1; 
}

2) If you want to hide the top border you can use this css:

#order_review_heading:after {
    display: none;
}

3) The following CSS will remove the grey border and padding of the dropdown:

.select2-container .select2-selection--single {
  border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

Let me know if this worked for you ??

If you have a minute of your time, please leave your review of Sinatra theme here: https://www.ads-software.com/support/theme/sinatra/reviews/

That means a lot to us.

Thanks!

@jasmeetsingh You’re welcome!

I’d appreciate if you could leave a review ??

@jasmeetsingh,

We will include more Footer layouts in the next update.

Thank you for your suggestions.

Hey,

Sticky header without the top bar (and Page Title) would require a bit of JS, it’s not possible with CSS only.

Here’s a beta version of the sticky header feature:

Here’s the script:
https://gist.github.com/brankoconjic/54b85e8efcee6a97fb7831803f10903f

And the CSS:
https://gist.github.com/brankoconjic/99bd09b25f40e94fc44ebae745b3eaff

This will be added in the future.

Let me know if it worked for you ??

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

I’m glad to hear that ??

An option to control the size of social media icons will be added in the next Sinatra Core update.

Hello,

You can try with this CSS (add it in Customizer ? Additional CSS):

@media screen and (max-width: 599px) {
    #page .alignleft, 
    #page .alignright {
	float: none;
	display: block;
	margin: 1.25em auto;
    }
}

This CSS will be included in the next theme update.

Thanks!

Hello @progressivecoder,

You can change that template file in your child theme. Copy that file to your child theme ? template-parts ? entry folder and remove the condition from the copied file.

We will also include a filter that will allow you to change that condition in the next theme update.

Thanks!