Andy

[Andy]

Copy this code to Additional CSS, and only the image of the related posts will display

.related-posts .entry-header,
.related-posts .entry-content {
    display: none;
}

please be aware that any posts that do not have a featured image will be an empty space.

[Andy]

Sorry, this theme does not have an option to resize featured images.

The size of the featured image is the original size the image that you upload.

[Andy]

Please also add this CSS

#content {
    padding-top: 0 !important;
}

[Andy]

Just to expand on this, when you write text you can choose to enter it as a paragraph or a heading.

This applies both when the text is a block on it’s own and when it is within another block such as the cover block.

[Andy]

To give the scrolled header image a semi-transparent color overlay, us this CSS:

#masthead.scrolled:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: red;
    opacity: 0.5;
}

[Andy]

Yes, the CSS code you wrote is another way of doing the same thing.

About the overlay, I’m not sure whether you want the overlay on the cover block or on the header image, as they are two different things.

The cover block overlay is easy to do as there are options in the block editor for this.

[Andy]

“I would like to have the sticky header with a background image (my header image) instead of the choosen color in the customizer. Do you have an additional code for this?”

You could add a header image in ‘Customize’ > ‘Header Image’

and then to make the image only appear when scrolling down the page add this ‘Additional CSS’:

#masthead:not(.scrolled) {
    background-image: none !important;
}

[Andy]

I can’t be sure without seeing your site (you have it locked down with a coming soon page) but I suspect a third-party plugin is adding some code after the footer or in the WP footer.

I would recommend temporarily deactivating all your current active plugins, with the exception of the main WooCommerce plugin. Then see if the problem is fixed.
If the problem has gone away, then re-activate your plugins one-by-one until the problem reappears.
This will show you which plugin, if any, is causing this issue.

If you do this and the problem is still there even with all plugins deactivated, please let me know.

[Andy]

There is an option in the customizer to disable the sticky header.

In your website’s dashboard go to ‘Appearance’ > ‘Customize’ > ‘Layout Options’ and select the “Disable Fixed Header” setting.

[Andy]

Uou should use this instead:

#masthead .top-account {
    display: none;
}

[Andy]

Is this when refreshing the page when you are already scrolled part the way down the page?

[Andy]

In the customizer (‘Customize’ > ‘Colors’) make sure that you haven’t set the ‘Header Text Color’ to be the same color as the ‘Color 1’ setting, or the ‘Header Background’ setting.

If you are sure you have not made any of these colors the same, please let me know your website URL and I’ll take a look.

[Andy]

Your can do:

.top-tel .fa-phone:before {
    font-family: "FontAwesome";
    content: "\f095";
}

or this:

.top-tel .fa-phone:before {
    font-family: "icomoon";
    content: "\e90b";
}

[Andy]

Do you want to change the login icon for a phone icon?

[Andy]

Please copy this code to ‘Customize’ > ‘Additional CSS’:

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[Author]

Posts