Joomla Breadcrumb Styling not working

Mike85
Topic Author
Offline
Premium Member

2 years 1 month ago - 2 years 1 month ago #67755 by Mike85

Joomla Breadcrumb Styling not working was created by Mike85

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: 2 years 1 month ago by Mike85.

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

ced1870
Offline
Administrator

2 years 1 month ago #67767 by ced1870

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

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

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

Mike85
Topic Author
Offline
Premium Member

2 years 1 month ago - 2 years 1 month ago #67771 by Mike85

Replied by Mike85 on topic Joomla Breadcrumb Styling not working

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

Last edit: 2 years 1 month ago by Mike85.

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

ced1870
Offline
Administrator

2 years 1 month ago #67798 by ced1870

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

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

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

Mike85
Topic Author
Offline
Premium Member

2 years 1 month ago - 2 years 1 month ago #67801 by Mike85

Replied by Mike85 on topic Joomla Breadcrumb Styling not working

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: 2 years 1 month ago by Mike85.

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

ced1870
Offline
Administrator

2 years 1 month ago #67808 by ced1870

Replied by ced1870 on topic Joomla Breadcrumb Styling not working

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

The following user(s) said Thank You: Mike85

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

Time to create page: 0.237 seconds