Joomla Breadcrumb Styling not working

Mike85
Offline Topic Author
Premium Member
Posts: 89
Thanks: 0

Joomla Breadcrumb Styling not working was created by Mike85

Posted 1 year 1 month 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 year 1 month ago by Mike85

Last edit: 1 year 1 month ago by Mike85.

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

ced1870
Offline
Administrator
Posts: 29117
Thanks: 3703

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

Posted 1 year 1 month 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
Premium Member
Posts: 89
Thanks: 0

Replied by Mike85 on topic Joomla Breadcrumb Styling not working

Posted 1 year 1 month ago #67771

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

Last Edit:1 year 1 month ago by Mike85

Last edit: 1 year 1 month ago by Mike85.

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

ced1870
Offline
Administrator
Posts: 29117
Thanks: 3703

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

Posted 1 year 1 month 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
Premium Member
Posts: 89
Thanks: 0

Replied by Mike85 on topic Joomla Breadcrumb Styling not working

Posted 1 year 1 month 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 year 1 month ago by Mike85

Last edit: 1 year 1 month ago by Mike85.

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

ced1870
Offline
Administrator
Posts: 29117
Thanks: 3703

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

Posted 1 year 1 month 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.