Love the theme! I have a few customization questions

[boognish43]

Hello,
There are a few things Im trying to adjust so far and cant figure them out.

1. Id like to get rid of the text that comes over the image overlay. Id also like the overlay to be more transparent (see question1 attachment)

2. Id like to get rid of the path/breadcrumbs that are on the product page (see question2 attachment)

3. Is there a way to have the product image be 1 image on the homepage but a diffreent image on the product page> So the homepage will have image A and the first image thats shown on the product page will be image B?

4. How do i adjust the about ARAD section on the homepage?

Huge thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) In the theme options you can choose what products style you want, that is set to gallery, but you can change to standard. For the transparency go to Theme Options > Thumbnail Options

2) Add this to your custom css:

.woocommerce-breadcrumb {
  display: none;
}

3) I’m afraid this isn’t possible sorry

4) Edit the homepage and find the image banner asset in the page builder

– Kyle

[boognish43]

Hi Kyle,
1 and 2 had no effect over the pages.
I changed it to standard and I still get the text. the transparency setting is working.
I added the custom CSS and the breadcrumbs are still there

[Kyle – SUPPORT]

Please provide me with your link so I can check

– Kyle

[boognish43]

This reply has been marked as private.

[Kyle – SUPPORT]

That will be because you have php in your custom css?

function sv_remove_product_page_skus( $enabled ) {
    if ( ! is_admin() && is_product() ) {
        return false;
    }

    return $enabled;
}
add_filter( 'wc_product_sku_enabled', 'sv_remove_product_page_skus' );

You’ll need to remove that

– Kyle

[boognish43]

Great that worked!

Now about the text over hover

You guys are great!

[Swift Ideas – Ed]

Hi there,

You can change the hover opacity in the Theme Options > General > Thumbnail Options.

To remove the text, add this css:

figcaption .thumb-info {
display: none!important;
}

– Ed