Home › Forums › WoodMart support forum › Breadcrumb changes
Breadcrumb changes
- This topic has 9 replies, 2 voices, and was last updated 10 months, 4 weeks ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
December 10, 2023 at 10:21 pm #520184
Splash-MediaParticipantis it possible to change the “shop” & “single product’ breadcrumb to capitalise ?
and is it possible to remove the last link on product your viewing? and also change the “home” breadcrumb to the “shop’ page ??December 11, 2023 at 1:08 am #520195
Splash-MediaParticipantcancel the change home breadcrumb to shop as realised Product permalinks was not set correctly , but it like to capitalise breadcrumb and change delimiter to a character or icon ?
December 11, 2023 at 1:21 pm #520394
Splash-MediaParticipantEdit * uppercase all breadcrumbs and change / to an icon or >
December 11, 2023 at 5:00 pm #520506
Aizaz Imtiaz AwanKeymasterHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .breadcrumbs a, body .breadcrumbs span, body .yoast-breadcrumb a, body .yoast-breadcrumb span { text-transform: capitalize !important; } body .woocommerce-breadcrumb .breadcrumb-last:last-child, body .yoast-breadcrumb .breadcrumb_last:last-child { text-transform: capitalize !important; }
Woocommerce does not provide the option to configure the breadcrumbs, and WoodMart does not either. You can try to search for a plugin. We have not tested any with our theme, we cannot guarantee any.
Please add this code to the Theme Settings > Custom CSS > Global:
woocommerce-breadcrumb a:after { content: ">"; }
Best Regards.
December 11, 2023 at 5:19 pm #520518
Splash-MediaParticipantAdded the above css and get this result ?
Image attachedAttachments:
You must be logged in to view attached files.December 11, 2023 at 5:38 pm #520537
Splash-MediaParticipantok added this to custom css and seems to uppercase all breadcrumbs? this would work ?:
body .breadcrumbs a,
body .breadcrumbs span,
body .woocommerce-breadcrumb a,
body .woocommerce-breadcrumb span {
text-transform: uppercase !important;
}body .woocommerce-breadcrumb .breadcrumb-last:last-child {
text-transform: uppercase !important;
}woocommerce-breadcrumb a:after {
content: “>”;
}now I just need to change the delimiter??
December 12, 2023 at 12:45 pm #520816
Aizaz Imtiaz AwanKeymasterHello,
Please add this custom css code for the delimiter:
woocommerce-breadcrumb a:after { content: ā>ā; }
Best Regards.
December 12, 2023 at 7:13 pm #521014
Splash-MediaParticipantHi
doesn’t seem to work ?
December 12, 2023 at 7:19 pm #521016
Splash-MediaParticipantsearched support and this did the trick :
.website-wrapper .woocommerce-breadcrumb a:after {
content: “>”;
}December 13, 2023 at 9:11 am #521108
Aizaz Imtiaz AwanKeymasterSounds Great! that your issue has been solved.
Iām so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.Topic Closed.
Best Regards. -
AuthorPosts
Tagged: Breadcrumb, css, styling
The topic ‘Breadcrumb changes’ is closed to new replies.
- You must be logged in to create new topics. Login / Register