Tagged: Breadcrumbs
- This topic has 9 replies, 3 voices, and was last updated 9 years, 5 months ago by Sakin.
-
AuthorPosts
-
June 23, 2015 at 3:00 pm #59974Dr. SibylleParticipant
Hallo Sakin,
On this page http://photography.wenkenbach.com/welkom/sahara/algerije-1981/reisvergunning-van-de-daira/ I would like to change the background colour of the breadcrumb trace from white to black (000000). And the letter colour of the text in the most right box (not the blue links) from dark to light grey (dddddd).
I will probably need some lines of coding in the customer CSS.
Can you please help me? Thank you!
June 23, 2015 at 10:40 pm #59998SakinKeymaster@Bert: You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box to change the background and text color of current breadcrumb item in most right box:
#breadcrumb-list .breadcrumb-current { background-color: #000; color: #ddd; }
June 24, 2015 at 3:49 am #60023Dr. SibylleParticipantSakin, thank you for the quick response! That was the code I waslooking for.
June 24, 2015 at 3:55 am #60024Dr. SibylleParticipantIs it also possible to remove the white lines around “the boxes”? By als making them black #000
June 24, 2015 at 10:01 am #60030SakinKeymaster@Bert: You can change the border color by adding in the following css in Custom CSS box:
#breadcrumb-list span { border-color: #000; }
June 24, 2015 at 5:25 pm #60059Dr. SibylleParticipant@Sakin, works beautiful, thank you!
@beatmaniaNZ, I have seen your post is removed, but still thanks for your reaction. I was looking for the lines of code as Sakin provided. But therefore you have to know in detail how the CSS is programmed.July 7, 2015 at 1:12 am #60583cindyParticipantI’ve managed to expand on this to give all the text/link boxes a black background. Now I want to change the color of the bar behind all of them and the hover color of the links. How would I write that in the CSS?
July 7, 2015 at 11:16 am #60620SakinKeymaster@cindy: Sorry I don’t understand it which black background you are talking about. Can you post in your site URL and explain.
July 7, 2015 at 12:11 pm #60621cindyParticipantYou’ll see it here — http://explorationvacation.us/explorationvacation/dev/2015/07/06/hoping-you-had-a-fabulous-fourth/
Thanks.July 9, 2015 at 2:11 am #60722SakinKeymaster@cindy: So, to make the background color of your breadcrumb wrapper to black, you need to add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#breadcrumb-list .wrapper { background-color: #000; }
For hover, you can change the color code in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#breadcrumb-list a:hover, #breadcrumb-list a:hover span { color: #404040; }
-
AuthorPosts
- The topic ‘Breadcrumbs, change the background colour’ is closed to new replies.