Joomla Breadcrumb Styling not working

Mike85
Offline Topic Author
Senior Member
Posts: 54
Thanks: 0

Joomla Breadcrumb Styling not working was created by Mike85

Posted 2 weeks 4 hours ago #67755

Hi,
I use this code below to fix the Joomla Breadcrumb Styling. It's not possible for me to do that in the Template Creator itself. Editing the Module content of the Breadcrumb has no effect.

Code:

.breadcrumb {
  margin: 0;
  padding: 0;
}
.breadcrumb > .active {
  color: #828282;
  font-weight: normal;
}

Last Edit:1 week 6 days ago by Mike85

Last edit: 1 week 6 days ago by Mike85.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 27674
Thanks: 3585

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

Posted 1 week 6 days ago #67767

Hi
why are you not able to put this in the Code >> Custom CSS ?
I have tested it by my side with your template, thec code works

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Mike85
Offline Topic Author
Senior Member
Posts: 54
Thanks: 0

Replied by Mike85 on topic Joomla Breadcrumb Styling not working

Posted 1 week 5 days ago #67771

Yes that works. But you can't do this with the Text and Formatting menu.

Last Edit:1 week 5 days ago by Mike85

Last edit: 1 week 5 days ago by Mike85.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 27674
Thanks: 3585

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

Posted 1 week 1 day ago #67798

I'm back for your request
I don't understand what you mean here, can you please explain me what you want to do ?

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Mike85
Offline Topic Author
Senior Member
Posts: 54
Thanks: 0

Replied by Mike85 on topic Joomla Breadcrumb Styling not working

Posted 1 week 23 hours ago #67801

Hi,
I'm trying to style the "breadcrumb" but i can't find how to do it. I see some CSS code in the template.css file (posted below). But i can't find any option in Template Creator to edit this. Also the Menu style option in the Module also dosne't have any effect on it like link:hover link:active.

Code:

.breadcrumb {
 display: flex;
 flex-wrap: wrap;
 padding: 0 0;
 margin-bottom: 1rem;
 list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
 padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
 float: left;
 padding-right: 0.5rem;
 color: #6d757e;
 content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */;
}

.breadcrumb-item.active {
color: #484f56;
}

Last Edit:1 week 23 hours ago by Mike85

Last edit: 1 week 23 hours ago by Mike85.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 27674
Thanks: 3585

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

Posted 6 days 20 hours ago #67808

But i can't find any option in Template Creator to edit this.

Right, there is no option for the breadcrumb

Code:

.breadcrumb > .active {
	color: #000;
	font-weight: bold;
}

to change the active color / weight

the links have the colors from the general settings, but if you want to customize it :

Code:

.breadcrumb-item a {
	color: red;
}

Joomlack Webmaster and Developer

by ced1870

The following user(s) said Thank You: Mike85

Please Log in or Create an account to join the conversation.