Breadcrumbs - Remove Background Colour - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Breadcrumbs - Remove Background Colour

Ina Holm Johannesen

Ina Holm Johannesen

Helix Framework 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

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93164

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.

0
Ina Holm Johannesen
Ina Holm Johannesen
Accepted Answer
3 years ago #93187

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) :)

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93233

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.

0
Ina Holm Johannesen
Ina Holm Johannesen
Accepted Answer
3 years ago #93295

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..

:)

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #93462

Do you want the header transparent?

0
Ina Holm Johannesen
Ina Holm Johannesen
Accepted Answer
3 years ago #93546

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?

0
Pavel
Pavel
Accepted Answer
3 years ago #93554

.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;
}
0