[Zoran]

Hi again

You are suggest us to install Breadcrumb NavXT plugin.
Is it possible to get only text without “frames”.
From http://www.1234.in.rs/slike/s2.png to http://www.1234.in.rs/slike/s3.png

Thanks

[Sakin]

@Zoran: Yes you can remove the background and the border of the breadcrumb by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

.breadcrumb ul li { border: none; }
.breadcrumb ul li a { background-color: transparent; }
.breadcrumb ul li a:hover, .breadcrumb ul li.current_item {
    background-color: transparent;
    background-position: right 8px;
    color: #000000;
}

[Zoran]

Hi

Thank you for your response.

A little bit I changed your code

.breadcrumb ul li { border: none; }
.breadcrumb ul li a { background-color: transparent;
color: #ffffff;
padding: 0 20px 0 1px;
}
.breadcrumb ul li a:hover, .breadcrumb ul li.current_item {
background-color: transparent;
background-position: right 8px;
color: #000000;
}
.breadcrumb ul li.current_item { padding: 0 1px; }

Can I arrow in breadcrumb put on the middle (now is bottom) and a little bit to small space from top and bottom for breadcrumb (menu and horizontal line down)
http://www.1234.in.rs/slike/s4.png

Thanks again

[Sakin]

@Zoran: I see to see that in you site to check the CSS. You can simply remove the background arrow by adding in the following CSS and then add the Breadcrumb Separator from “Breadcrumb NavXT => Settings”
.breadcrumb ul li a { background-image: none; }

[Zoran]

Hi Sakin

My external CSS looks:
.breadcrumb ul li { border: none; }
.breadcrumb ul li a { background-color: transparent;
color: #ffffff;
padding: 0 20px 0 1px;
}
.breadcrumb ul li a:hover, .breadcrumb ul li.current_item {
background-color: transparent;
background-position: right 8px;
color: #000000;
}
.breadcrumb ul li.current_item { padding: 0 1px; }

and I managed only when I change breadcrumb-bg.png to bread-bg-dark.png in style.css

.breadcrumb ul li a {
background: url(“images/breadcrumb-bg-dark.png”) no-repeat right 8px #FFFFFF;
}

http://www.1234.in.rs/slike/s9.png

Thanks

[Sakin]

@Zoran: Ok that’s nice.

[Author]

Posts