[Nancy]

After a lot of searching I was able to change some colors and the alignment for my breadcrumbs.

I’ts almost finished but how can I set the last colors?
my site

You see at the breadcrumbs, the word: ‘zwanger’ =(maternity) and has a light grey background color, and the words home and fotoshoot are blue.
I just want every word to be:
#5a5a5a and the background #ffffff
The word wich one is selected I want to be #f2f2f2

I’m not sure if this is ok, but this is my custom CSS:

#breadcrumb-list {
background-color: transparent;
}
#content {
background-color: transparent;
}
#breadcrumb-list span { border-color: #ffffff; }

#breadcrumb-list .wrapper {
text-align: center;
}
#breadcrumb-list span {
display: inline-block;
float: none;
}

Regards,
Nancy

[Mahesh]

Hi @Nancy,

Glad to see that you’ve managed to customize much by yourself. 🙂
For the colors as you’ve mentioned, use the following CSS.

#breadcrumb-list .breadcrumb a {
    color: #5a5a5a;
    background-color: #fff;
}
#breadcrumb-list .breadcrumb-current {
    color: #f2f2f2;
    background-color: #fff;
}

Let me know if any problem.

Regards,
Mahesh

[Nancy]

Thank you so much for all your help!

I still have some questions…

I used this codes only I changed my mind (yes I’m a woman).
I don’t like the whit I just want it to have the color #f2f2f2. So I changed it.

1)
Only the outhersides (upper left en upper right) have another color. How can I arrange that it has the same color #f2f2f2?

2)
And the link is stil blue 🙁 I just want it to have the same color as the normal tekst #5a5a5a

3)
The footer has 3 widgets. Because of that the alignment isn’t centered. I just want it straigt in the middle.

4)
The footer is very high, how can I make it a little bit less high?

5)
I’m not sure if this question can be answered, but I have to ask it.
Is it possible to at text blocks in a page?
For example:
This site

You see 6 text blocks and a button beneath/in it. I like this a lot.

These are my lasts questions I hope.

Thank you verry much for all your help!!

[Mahesh]

Hi @nancyjas,

Please add the following CSS for the change.
1. arrange that it has the same color #f2f2f2

#breadcrumb-list {
    background-color: #f2f2f2;
}

2. same color as the normal tekst #5a5a5a

#breadcrumb-list a, #breadcrumb-list a span {
    color: #5a5a5a;
}

3. footer widget straight in the middle

#supplementary .wrapper {
    text-align: center;
}

4. make footer a little bit less high

#supplementary{
    padding-top: 0;
}
#supplementary .widget {
    margin-bottom: 0;
}

5. I guess you need to hire a customizer for this.

Hope this helps.

Regards,
Mahesh

[Nancy]

Hi Mahesh,

You helped me sooo much!

Thank you very very much!

Kind regards,
Nancy

[Mahesh]

Hi @nancyjas,

Thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Author]

Posts