Andy

[Andy]

Thanks for the screengrab video.

It does look like the issue is with the n-genius payment gateway.

This is outside the scope of the theme and you should ask the creators of that plugin as they will be able to help configure it to work correctly.

https://docs.ngenius-payments.com/docs/woocommerce

[Andy]

I checked your website and did not see any errors like the one you describe.

I added a product to the cart and then clicked through to the checkout and there were no errors.

Could you please let me know the following information so that I can try and see the error:

1. The steps taken to make this error appear
2. Details of any modifications you may have made to the theme’s files

The error you mention is probably not caused by the theme, as the theme does not contain any JSON files.

I think it is most likely caused by another plugin or WooCommerce add-on e.g. a payment gateway or similar plugin.

[Andy]

The Home Page template does not have the page title, and can be selected as the template for any page.

In your page list, the template for any page can be changed from the default to the Home Page template in the editor or by clicking ‘Quick Edit’, change the ‘Template’ and click ‘Update’ to save.

[Andy]

Hi Dieter,

This custom CSS added to Appearance > Customize > Additional CSS will add padding to the product item:

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.wc-block-grid__product {
  padding: 10px;
}

I’ve used 10px in this example, so change this value to the amount of padding you require.

[Andy]

I think this should do it:

.main-navigation .sub-menu {
  background: #710000;
}

#masthead:hover .main-navigation .sub-menu a,
#masthead.scrolled .main-navigation .sub-menu a {
  color: #ffffff;
}

#masthead:hover .main-navigation .sub-menu a:hover,
#masthead.scrolled .main-navigation .sub-menu a:hover {
  color: #000000;
}

[Andy]

Please try addding this CSS to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’

.wp-caption-text {
  position: relative;
  color: inherit;
}

This should reset the caption position and color and override the other non-theme CSS that is changing the caption.

[Andy]

You have some additional CSS that is positioning the caption text over the image and changing the text color to white.

This is not coming from the theme, and I cannot see if this CSS is from a third party plugin or some other custom CSS because you are running a caching plugin that is aggregating all the site’s CSS into one file.

[Andy]

Hi, the image caption should already be below the image as the theme does not place the caption over the image as shown in your image.

Could you please let me know the URL of a page where I can see this, and I’ll be able to take a look and help further.

[Andy]

I didn’t realise you are using the menu button instead of the mobile icon, so in this case this is the custom CSS to use:

#masthead:hover .toggle-nav i,
#masthead.scrolled .toggle-nav i {
  color: #000000;
}

[Andy]

What the Elementor option you mention is probably doing is removing the page titles from being rendered, but the Lorina theme also has the image background that is wrapping the page title, and so because this is not standard WordPress functionality (unlike the text part of the page title which is usually standard across lots of themes) this background image (or plain color background if no image) section is still being rendered.

It sounds like you would be better to use a different theme that only has plain page titles, as this page title with surrounding background image is an intrinsic part of this particular theme.

There are many themes available that only have plain page titles that may more suitable for your use.

[Andy]

“When the website was created, this static block was not in a blank page when creating one from scratch.”

“I cannot seem to even select this “block” within the editor now. It is on every single page, even every product page – this is not how I set it up myself and seems to be from the theme.”

This is not actually a block and is not part of the page content. The theme was created and released before blocks existed in WordPress. It is how the page title is displayed as a large area with background image, and this has always been part of the theme right from when it was first released.

What I’m trying to say is that the large page title area with the background image cannot suddenly appear as it has always been the design of the theme right from the very beginning when the theme was initially created and released.

In the customizer in the ‘Header Image’ section you can change the site-wide header image, and also you can change the settings for posts and pages to display the single post/page featured image. If you select this option then each individual post/page will use it’s featured image as the background, and if the individual page does not have a featured image then it will fallback to the site-wide image.

The only thing that I can think of that would cause the page title with large background image to suddenly appear is if you or another admin of your site had previously directly edited the theme files to remove this section. In this scenario your directly edited theme files will not be preserved when updating the theme, as all of the theme files are updated to the version that is held in the wordpress.org theme directory. This is the reason why WordPress recommends making theme file changes in a child theme instead of directly editing the main theme’s files.

But you are saying that the theme’s files were not previously directly edited, so I cannot explain why this section would suddenly appear, sorry. There is absolutely nothing in the theme that would cause this to suddenly appear as it has always been there in this theme.

As this header section is an intrinsic part of the design of this particular theme, it may be that you should consider switching to another theme that does not have this header area, rather than trying to work around it when you don’t want it in your website.

Just a little bit of further information about child themes;
As an example if a theme has a header.php file and you create your own child theme with it’s own header.php file then this takes priority over the parent theme’s header.php file. You don’t have to recreate every file from the parent theme, only those that you wish to change. If a particular template file exists on the child theme then will be used, otherwise it defaults back to the relevant template file from the parent theme.

[Andy]

OK thanks for letting me know.

For the menu go to ‘Customize’ > ‘Header and Menu Styling’ and change both ‘Menu Item Color’ and ‘Menu Item (Hover) Color’ to white.

Then to make the menu black when hovering or scrolling add this custom CSS:

#masthead:hover .main-navigation a,
#masthead.scrolled .main-navigation a {
  color: #000000;
}

#masthead:hover .main-navigation .sf-arrows .sf-with-ul:after,
#masthead.scrolled .main-navigation .sf-arrows .sf-with-ul:after {
  border-top-color: #000000;
}

And finally we’ll need to make sure the mobile menu icon does not disappear into the background when hovering/scrolling, so add this custom CSS:

#masthead:hover .toggle-nav span,
#masthead:hover .toggle-nav span:before,
#masthead:hover .toggle-nav span:after,
#masthead.scrolled .toggle-nav span,
#masthead.scrolled .toggle-nav span:before,
#masthead.scrolled .toggle-nav span:after {
  background: #000000;
}

[Andy]

Sorry I read it as when hovering on the indivdual items. I see what you mean now.

To make the header clear when not scrolled, change the transparency to zero (the horizontal bar below the color palette, move the control all the way to the left) at ‘Customize’ > ‘Header and Menu Styling’ > ‘Header Background Color’

Now to make the header background white when hovering or scrolling, change the ‘Header Background Color (Scrolled)’ option to white from the color palette and make sure the transparency is set to 100, all the way to the right.

Next to make the Site Title and Description white, go to ‘Customize’ > ‘Colors’ and change the ‘Header Text Color’ to white.

And then you also want the text color to be black when hovering or scrolling so add this custom CSS:

#masthead:hover .site-title a,
#masthead:hover .site-description,
#masthead.scrolled .site-title a,
#masthead.scrolled .site-description {
  color: #000000;
}

Please let me know if that works, and we’ll move onto the menu styling.

P.S. remove the previous custom CSS I posted as it will conflict with the new CSS above.

[Andy]

Please update to the latest version of the theme (1.9.6) and you will have the option to change the register link to point to a different page.

This option can be found at ‘Appearance’ > ‘Customize’ > ‘Shop Options’ > ‘Header register page link’ where you can select any page to make the link point to.

If you don’t change this option or later reset it, the link will still point to the My Account page as before.

[Andy]

Ah yes I see what you mean now.

I’ll look into this and see if we can add a theme option to change this, as it is currently tied in with the WooCommerce account page.

[Author]

Posts