[kurt]

I would like to change the background color and the color for the menu items in a simple user-based menu placed in a widget. But I ca’t figure which css’items I can manipulate? Can you help please?
Kindly Kurt

[Sakin]

@kurt: Can you send me your site URL and and let me know which menu you want to change and the color code. Then I can send you custom css.

[kurt]

Hey Sakin – thanks for quick answer 😉

Its not yet a “live” site – just a “testing and learning” site.
Url: http://democatch.nemkursus.nu/?page_id=174

I am a teacher on evening classes for beginners in the use of “WP”.
I have recently discovered “Catch Base” and am adding it to my “favorite recommended themes”
– the training in changing from “Twenty-Fiftheen” to a new wp-theme will in my next season be Catch Base / Catch Base Pro – and for the ones who likes “Wysiwyg” it will be “The7” from Themeforest.

kindly Kurt

[Sakin]

@kurt: You can change the color code in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

/* Menu Widget Color */
.widget_nav_menu a {
    color: #21759b;
}
/* Menu Widget Hover Color */
.widget_nav_menu a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:active {
    color: #404040;
}

[kurt]

Hello again – and thank you for the code 😉
If I want to use a background color for each item – in the full widget width, and a bottomborder…. Can you helo me with this too?

If I change the color and backgroundcolor in your code – the background is only just behind the letters in the items…

Kindly regards

[Sakin]

@kurt: do you have screenshot of what you want. If you want whole background

.widget_nav_menu .menu-demomenu-container { background-color: #003; }

[kurt]

No – I’m sorry – have made no grafiq demo ;-(

But – your last code is very close…
For EACH ITEM in the menu I also would like to:
– add a thin white border: border-bottom : 1px solid White;
– Add a little extra space on the left side of each item: padding-left: 2px;

[Sakin]

@kurt: I need to know what you want. I am but confused with this. I check in your site and you have implemented the css for your menu in the sidebar. Also you already have border bottom.

[kurt]

Thank You for responding again 😉

As you can see I have tried to implement a css-style on my site – but I have further problems with it…

I want a border under each item…
I want each item to have a background color (dark blue) in full with of the widget
I want to have color as white
I want to be able to have a padding in
Each item now looks as in they were in a “box”

The bachground color and the color works Ok now – and the padding is OK too.

But my “lines” (border) are trigging me….
Under the first item (“Velkommen”) and under the third there seems to be an extra border. And under the second item – the border doesn’t align with the item?
It kind of too short??
And between then fourth og the fift item I have 2 borders…..
If you can help -I will be very glad – otherwise I must “struggle on” myself 😉

My css-styles….

/* Menu Widget Color */
.widget_nav_menu li a {
color: white;
}

/* Menu Widget Hover Color */
.widget_nav_menu li a:hover,
.widget_nav_menu li a:focus,
.widget_nav_menu li a:active {
color: white;
}

.widget_nav_menu .menu-demomenu-container {
background-color: #003;
}

.menu-demomenu-container li {
border-top: 1px solid White;
border-bottom: 1px solid White;
padding: 5px;
padding-left: 10px;
color: white:;
}

[Sakin]

@kurt: Remove the following css:

.menu-demomenu-container li {
    border-top: 1px solid White;
    border-bottom: 1px solid White;
    padding: 5px;
    padding-left: 10px;
    color: white:;
}

Then replace your css:

/* Menu Widget Color */
.widget_nav_menu li a {
    color: white;
}

with the following:

.widget_nav_menu li a {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 10px;
}

[kurt]

😉 Thank You -Thank You -Thank You
Thank You VERY MUCH – That did the trick 😉

The only thing I need now is to understand it…
– I guess that have a hard study coming up 😉

Thanks Again !
Best regards from Kurt

[Sakin]

@kurt: Thanks for your appreciation 🙂

[kurt]

Your so welcome 😉 I’ll recommend your theme highly to new WP-users.

btw…. can I please ask one more question…..?
Translating Catch-Base into Danish, how would you recommend to do that?
/ Kurt

[Sakin]

@kurt: Thanks for our appreciation and it would be great if you could write review and rating for Catch Base theme at https://wordpress.org/support/view/theme-reviews/catch-base?rate=5#postform

For Translation to Danish translation, you need to create da_DK.po and da_DK.mo file using free software from http://poedit.net/ and send it to us.

If you want to help in translation then let me know it. Then I can send you email and then we can work together.

[kurt]

@sakin: I would love to help in translation
– please send me that email 😉

/ Kurt
catchme[at]vindu[dot]dk

[Sakin]

@kurt: Ok I will email you now. Thanks 🙂

[Author]

Posts