Andy

[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.

[Andy]

Hi,

This points to the ‘My account page’ in the WooCommerce settings.

To change this navigate to ‘WooCommerce’ > ‘Settings’ > ‘Advanced’ > ‘Page setup’ and change the ‘My account page’ to the page that contains your custom registration form.

[Andy]

The blog posts layout and styling in your image at #3 above have been created with the Elementor plugin so this is removing and replacing the theme’s default blog layout/styling. This explains why it looks different to the theme’s related posts section.

Anyway, to hide the related posts, add this Additional CSS:

.related-posts {
  display: none;
}

[Andy]

Regarding the cart buttons, in your custom CSS you have only set the button to not display if it is a simple product (a product with no variations and one price) so with variable products the cart button is not hidden.

This is your current custom CSS:

li.product .button.product_type_variable {
  display: none;
}

You should change this to:

li.product .add_to_cart_button {
  display: none;
}

This will take care of the button for simple and variable products.

[Andy]

Regarding the header image with the page title, this is the design of this particular theme.
This has always been part of the theme and it wouldn’t just show up without warning as it has always been part of the theme right from when the theme was first released.

It seems like a couple of possibilities here;

Either you had previously used the Elementor builder plugin to override the theme’s header area and then something has changed with Elementor or you made changes or deleted something in Elementor.

Another possibility is that you had previously directly edited the theme’s files to remove the header image/title area, and then when you updated the theme, your file modifications were undone. If this is the case, it is always recommended to make these type of edits in a child theme, so that your file modifications are not undone when updating the theme.

[Andy]

2. I found your product archive pages by trying different URLs with category names from your image. Wasn’t easy to find as they are not linked to from the homepage or the menu.

Anyway, to hide the prices add this custom CSS to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:

.woocommerce ul.products li.product .price {
  display: none;
}

It looks like you have already removed the add to cart buttons that were present in your screenshot, possibly with a plugin?
Do you still have add to cart buttons you want to hide? If so, let me know the page URL and I’ll take a look.

[Andy]

1. It looks like you have removed the header image by selecting the “Hide Image” option at ‘Appearance’ > ‘Customize’ > ‘Header Image’.

You just need to select one of the suggested images or “Add new image” to add your own image.

2. I can’t see any shop pages (product archive, categories, cart page etc) on your website, so unable to inspect and see why some of the products have the price & add-to-cart buttons. Have you deleted your shop pages or made them draft/unpublished?

3. Do you want to change the colors of the related posts section or remove it?

[Andy]

For the site title color after scrolling, use this custom CSS:

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

For site title on hover:

.site-title a:hover {
  color: #000000;
}

For site title after scrolling and hover:

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

For the site description after scrolling, it would be this:

#masthead.scrolled .site-description {
  color: #000000;
}

For the site description on hover:

.site-description:hover {
  color: #000000;
}

For the site description after scrolling and on hover:

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

…or if site title and description are to be same color, then bundle together like so:

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

For the main menu items on hover, there is a customizer setting for this at Appearance > Customize > Header and Menu Styling > Menu Item (Hover) Color.
Does this option fit with what you want to accomplish with the main menu?

[Andy]

You said that “all my customizations seemed to not be working anymore”, but when I view your site the theme customizations are working correctly.

Looking at your website I can see that the Lorina theme customizations such as the fonts that you have changed in the customizer are working correctly.

The same goes for other customizations such as the theme color options that you have changed. They too are working correctly.

If there is a Lorina theme customization that is not working, please let me know what that is and I’ll do my best to help.

[Andy]

The Lorina theme updates are only minor updates when compared to the code that could be new/changed when updating WordPress or large plugins such as Elementor or WooCommerce.

If you have issues with the Elementor plugin, you really need to ask in the support for that plugin: https://wordpress.org/support/plugin/elementor/

If there is a Lorina theme customization that is not working, please let me know what that is and I’ll do my best to help.

[Andy]

I see you mention issues with quite a few different plugins, none of which are our products.

Have you asked the support for these plugins? They will be much better placed to help with their own products.

I hope you can understand that we cannot provide free support for other companies plugins e.g Elementor, YITH plugins, WooCommerce, Contact Form 7, Smash Balloon, and the badge plugin you also mention.

There is a lot to pick through in your questions and if you have a specific query about our Lorina theme, I’ll do my best to help.

It’s not clear from what you have said, but did you not update any plugins or the core WordPress for more than a year?
One piece of general advice I can give is to update WordPress as well as plugins and themes as each update becomes available. This way you are updating each plugin incrementaly over time rather than one large cumulative update all in one go.

[Author]

Posts