What's New
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.
Tagged: breadcrumb
Hi,
your solution
number 9. How to change the style of breadcrumb to look like the default one in Panda v1.
at https://www.sunnytoo.com/14367/small-customizations-transformer-theme-panda-theme-make-better
don’t work with Transformer v. 4.2.5 on Prestashop 1.7.2.4.
I copy this code
#breadcrumb_wrapper{padding:6px 0;background:transparent;}
.breadcrumb {display: inline-block; padding: 0 11px; border: 1px solid #d6d4d4; font-weight: bold; font-size: 12px; line-height: 24px; min-height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; background:#f6f6f6; z-index: 1; color: #777; }
.breadcrumb .navigation-pipe {width: 18px; display: inline-block; margin:0; text-indent: -5000px; }
.breadcrumb a {display: inline-block; background: #fff; padding: 0 15px 0 22px; margin-left: -26px; position: relative; z-index: 2; color: #333; }
.breadcrumb a:after {display: inline-block; content: “.”; position: absolute; right: -10px; top: 3px; width: 18px; height: 18px; background: #fff; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; border-radius: 2px; text-indent: -5000px; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumb a:before {display: inline-block; content: “.”; position: absolute; left: -10px; top: 3px; width: 18px; height: 18px; background: transparent; border-right: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; border-radius: 2px; text-indent: -5000px; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumb a:hover {color: #777777; }
and paste it to Custom CSS Code field at Theme editor and saved it.
Then I cleared the Smart Cache and Browser Cache.
But nothing was changed.
Best regards, Viaceslav.
#9 is for prestashop 1.6 + Panda 1, do you want to make breadcrumb of your Transformer v4.2.5 to be the same as that?
I’ve edited that tutorial, check it here https://www.sunnytoo.com/14367/small-customizations-transformer-theme-panda-theme-make-better
You must be logged in to reply to this topic.