breadcrumb background color

[Gavin_+ 56]

Hi good people of pagelines. i'd like to have the breadcrumb have a different background color depending on the section you are in. http://79.170.44.130/ginseng-lily.co.uk/ So if you are in specialisation the breadcrumb is background-color x if you are in About the breadcrumb is background-color y any ideas? also if you are kin enough to have a look at the site you will notice in the navigation, when the menus drop down there is a border color - how can i disable this - i can't seem to find the operator. thanks in advance

[ricardo 0]

Hi Gavin! To have different colors in the breadcrumb you have to create a css rule for each page in the PlatformPro Settings > Custom Code > Custom CSS Rules. First look at the html source of one of those pages and search for the body tag classes. Each one will have a unique identifier like for example "page-about-us" in the About Us page. Copy each one of these and add them to the custom css rules like this: body.page-about-us .breadcrumb a { color: #f00; } Regarding the border, it must be there, have you read the descriptions? Ricardo

[Gavin_+ 56]

Thanks Ricardo but i think i need a little bit more specific help. I have tried many variations without success. I'd also like the breadcrumb color to be full width.

breadcrumb .content  {
	    background-color: #E6E6E6;
	}

This works but is not full width and changes the color everywhere. varirations of this do not work - anywhere ;(

	#body.page-id-125 .breadcrumb .content  {
	    background-color: #E6E6E6;
	}
	

thanks for any further help

[ricardo 0]

Gavin, Sorry, my bad! Somehow I overlooked the word background. I gave you the code to change link color =P Try this:

body.page-id-125 .breadcrumb { background-color: #f00; }

[Gavin_+ 56]

thats great Ricardo, thanks my mistake was that i was putting a space between body and page however at worst i'd like the background color to fit the breadcrumb .content at best i'd like it to go full width when i tried to add the .content to the bit of code you provided i had no joy...

[ricardo 0]

It's full width... or at least I see it like that here: http://79.170.44.130/ginseng-lily.co.uk/about-us/ Ricardo

[Gavin_+ 56]

full width as in the same width as the header as opposed to the page canvas. and with the breadcrumb .content you don't get the gap between the header and the breadcrumb.

[ricardo 0]

Ahhh! Sorry ... slow day here Change .breadcrumb with #breadcrumb Ricardo

[Gavin_+ 56]

Ricardo, you have nailed it. double karma for you my friend. thanks

[ricardo 0]

Thanks! =) Ricardo