Comments 1Joris Schoor started the conversationAugust 15, 2017 at 8:15pmHi,I have breadcrumbs enabled.Is it possible to do three things (I'm using the child theme):1) make the breadcrumbs center aligned in the content are (so its centered above the featured post image)2) change the font-color3) Hide the post title (in the breadcrumbs)Thanks!Joris 2,700PenciDesign repliedAugust 16, 2017 at 10:31amHi,1/ To center breadcrumb, please add more this code to Customize > Custom CSS:.container.penci-breadcrumb{ text-align: center; }2/ To change color of breadcrumb, please add more this code to Customize > Custom CSS:.container.penci-breadcrumb span, .container.penci-breadcrumb span a, .container.penci-breadcrumb span a:hover{ color: #ff0000; }Change color code 'ff0000' to the color code you want. You can get a color code here:http://colorpicker.com/3/ To change color of breadcrumb, please add more this code to Customize > Custom CSS:.container.penci-breadcrumb.single-breadcrumb > span:last-child, .container.penci-breadcrumb.single-breadcrumb > i:last-child{ display: none; }Best Regards,PenciDesign Sign in to reply ...
Hi,
I have breadcrumbs enabled.
Is it possible to do three things (I'm using the child theme):
1) make the breadcrumbs center aligned in the content are (so its centered above the featured post image)
2) change the font-color
3) Hide the post title (in the breadcrumbs)
Thanks!
Joris
Hi,
1/ To center breadcrumb, please add more this code to Customize > Custom CSS:
.container.penci-breadcrumb{ text-align: center; }
2/ To change color of breadcrumb, please add more this code to Customize > Custom CSS:
.container.penci-breadcrumb span, .container.penci-breadcrumb span a, .container.penci-breadcrumb span a:hover{ color: #ff0000; }
Change color code 'ff0000' to the color code you want. You can get a color code here:
http://colorpicker.com/
3/ To change color of breadcrumb, please add more this code to Customize > Custom CSS:
.container.penci-breadcrumb.single-breadcrumb > span:last-child, .container.penci-breadcrumb.single-breadcrumb > i:last-child{ display: none; }
Best Regards,
PenciDesign