Return to previous page

Different header image for shop, checkout, cart and other pages

This topic has 4 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

Kamlesh

Participant

July 17, 2023 at 02:30

Hello,
1) I want to set different images for the header part (part behind the breadcrumb) for different pages such as shop, cart, checkout, or on different pages?
How can I do that?

2) I have set a white color “search” icon in header of mobile view but the search icon is appearing as black. (My background is black and hence there is no contrast)
screenshot attached

Please, contact administrator
for this information.

#362083 Copied Theme version: 9.1.1

3 Answers
Tony Rodriguez

Support staff

July 17, 2023 at 07:02
Hello, @Kamlesh,

1. To add different images for the header part (behind the breadcrumb) for different pages, please navigate to XStore > Theme Options > Breadcrumbs > Special Breadcrumb On The Cart, Checkout, And Order Pages > Turn OFF and Publish it.

After that, go to the WordPress dashboard > Pages > All Pages > Edit the specific page > Add Featured Image > Update it.

For further reference, please refer to the images provided at the following link: https://imgur.com/I8Zuj5A, https://imgur.com/HZizxiN, https://imgur.com/Apg0ZlI.

2. If you would like to change the search icon color in the mobile header, please copy and paste the following CSS code to Xstore >> Theme Options >> Theme Custom CSS >> Mobile CSS and then clear the browser cache to view the changes.
```
.mobile-header-wrapper .et_b_header-search.et_element-top-level > span svg {
fill: #fff !important;
}
```
Thank you for your cooperation.

Best regards,
8Theme’s Team.
#362096 Copied
Kamlesh

Participant

July 26, 2023 at 09:10

Thanks.
Also help me to change the “size chart” icon color to white.

Please contact administrator
for this information.

#362986 Copied
Tony Rodriguez

Support staff

July 26, 2023 at 09:16
Hello, @Kamlesh,

If you would like to change the size guide icon color on the single product page, please copy and paste the following CSS code to Xstore >> Theme Options >> Theme Custom CSS >> Mobile CSS and then clear the browser cache to view the changes.
```
.single-product-size-guide span.et-icon svg {
    fill: #fff !important;
}
```
Thank you for your cooperation.

Best regards,
8Theme’s Team.
#362987 Copied
Tagged: cart, checkout, header image, shop, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)