Breadcrumbs - Remove background colour - Forum | JoomShaper
Awaiting an answer Helix Framework

Breadcrumbs - Remove background colour

Asked by Nora Brakstad 3 years ago Last activity 3 years ago

Hi

I have CSS to change the color of the background:
.breadcrumb {
margin-bottom: 0 !important;
background-color: #ffffff !important;

But is it possible to choose NO background color of the breadcrumbs module?

I would like and to change the color of the breadcrumbs font if possible?

Thanx

7 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Yes its possible. Could you please give me your site URL and also screenshot of your issue? I need to check.

-Regards.

Nora Brakstad Asked this
3 years ago · edited

It is still under construction :) But if you look at the breadcrumb at this page :http://www.bitnett.no/index.php/drifte , you can see there is a white background. I putted the breadcrums inside a joomla module)
:)

Mehtaz Afsana Borsha Staff

Do you want it like this?

https://prnt.sc/HuZVfXXs7VUs

Then use this custom CSS

.burger-icon>span{
    background-color: white !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Nora Brakstad Asked this

Thank you for the Css code. But what i nedd is a CSS code to change the background colour of the modul containing the breadcrumbs. If you look at the screenshot you sendt me; " Korspsguiden / Drifte et korps ", i dont want the white background. The row contains a background picture, and I want the picture to be visible behind the breadcrumbs.

If it is possible..

:)

Mehtaz Afsana Borsha Staff

Do you want the header transparent?

Nora Brakstad Asked this

I managed to figure this out using this CSS code:

.breadcrumb {
margin-bottom: 0 !important;
background-color: #fff0 !important;
}

But since you ask, is it possible to make the header transparent?

Pavel

.breadcrumb { margin-bottom: 0 !important; background-color: #fff0 !important; }

Hi. Not all browsers understand this color format. I would recommend using RGBA or transparent

.breadcrumb {
    margin-bottom: 0 !important;
    background-color: rgba(255, 255, 255, 0) !important;
}
/*or*/
.breadcrumb {
    margin-bottom: 0 !important;
    background-color: transparent !important;
}
Log in to reply.