Single Product page changes

Hi,

See private area.

Questions about the single product page.
1. Is it possible to have more shadow on the border?
2. Is it possible to remove a section from the breadcrumbs (the single product page we don’t want to show)?
3. Is it possible to change the breadcrumbs in lowercase?
4. Is it possible to change the cart button text to lowercase?

Hello,

1. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-summary-shadow .summary-inner {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

2. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

span.breadcrumb_last {
    display: none;
}

3. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single-breadcrumbs-wrapper .wd-breadcrumbs a {
    text-transform: capitalize;
}

4. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

button.single_add_to_cart_button.button.alt {
    text-transform: capitalize;
}

Best Regards

Hi Aizaz,

Thank you for your quick reply.

1. It is not working. If possible you can try it out in our staging area.
2. Yes, it works. Only the last ‘>’ icon we also need to be removed. Is that possible?
3. Works. Thank you.
4. Works. Thank you.

Some other questions:
5. Is it also possible to change ‘home’ in the breadcrumbs to a home icon?
6. Is it possible to change the font size of the breadcrumbs on desktop? Searched for it in Advanced Typography but did not find how to do it.
7. Is it possible to add a shopping cart icon before the text in the add to cart button? So icon + text

Hello,

1. Please provide the admin panel login details of the website.

5. Sorry but it is not possible to change home with an icon.

6. Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.breadcrumbs a {
    font-size: 18px;
}

7.Sorry but it is not possible to add an icon there.

Best Regards

Hi Aizaz,

Can you also please check my question above (2. Yes, it works. Only the last ‘>’ icon we also need to be removed. Is that possible?)

Furthermore:

1. It works now. It was a caching issue.
5. Ok. Clear.
6. Code does not work.
7. Ok. Clear.

Thank you.

[Aizaz Imtiaz Awan]

Hello,

As far as your Point 2 is concerned, we are able to see the change on the Single Product page regarding this. Please check out the image attached in Private Content.

It seems that there might be some Cache issue on your end. We are also noticing you are using a Cache plugin too on your Site. So, please check back to your Site after completely clearing the browser and server cache.

Regarding the Breadcrumb font-size change, please try out the following CSS in-replace to the earlier one:

– This is for the Breadcrumb Text:

.yoast-breadcrumb span a {
    font-size: 15px !important;
}

– This is for the Breadcrumb Arrows:

.yoast-breadcrumb span {
    font-size: 16px !important;
}

The location to paste the Custom CSS is the same as told earlier.

Best Regards

• This reply was modified 1 year, 6 months ago by Aizaz Imtiaz Awan.

Hi Aizaz,

The breadcrumbs code work perfectly thank you.

About point 2 we want to delete to last arrow icon in the breadcrumb. The question is how to do that? Please also see private content.

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but this > sign is added as simple Text here so it is not possible to pick this up as Tag and remove it using Custom CSS. This would require Customization to do so which is out of our Theme Support scope.

Hope you can understand our limitations.

Best Regards

[Author]

Posts