Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #59974
    Bert
    Participant

    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!

    #59998
    Sakin
    Keymaster

    @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;
    }
    #60023
    Bert
    Participant

    Sakin, thank you for the quick response! That was the code I waslooking for.

    #60024
    Bert
    Participant

    Is it also possible to remove the white lines around “the boxes”? By als making them black #000

    #60030
    Sakin
    Keymaster

    @Bert: You can change the border color by adding in the following css in Custom CSS box:
    #breadcrumb-list span { border-color: #000; }

    #60059
    Bert
    Participant

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

    #60583
    cindy
    Participant

    I’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?

    #60620
    Sakin
    Keymaster

    @cindy: Sorry I don’t understand it which black background you are talking about. Can you post in your site URL and explain.

    #60621
    cindy
    Participant
    #60722
    Sakin
    Keymaster

    @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;
    }
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Breadcrumbs, change the background colour’ is closed to new replies.