- This topic has 15 replies, 2 voices, and was last updated 9 years, 1 month ago by Sakin.
-
AuthorPosts
-
October 5, 2015 at 5:10 pm #67909kurtParticipant
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 KurtOctober 5, 2015 at 11:09 pm #67929SakinKeymaster@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.
October 6, 2015 at 12:10 am #67936kurtParticipantHey Sakin – thanks for quick answer 😉
Its not yet a “live” site – just a “testing and learning” site.
Url: http://democatch.nemkursus.nu/?page_id=174I 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
October 6, 2015 at 12:27 am #67939SakinKeymaster@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; }
October 6, 2015 at 11:18 pm #68010kurtParticipantHello 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
October 6, 2015 at 11:34 pm #68011SakinKeymaster@kurt: do you have screenshot of what you want. If you want whole background
.widget_nav_menu .menu-demomenu-container { background-color: #003; }
October 7, 2015 at 12:23 am #68016kurtParticipantNo – 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;October 7, 2015 at 2:38 pm #68045SakinKeymaster@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.
October 7, 2015 at 3:11 pm #68051kurtParticipantThank 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:;
}October 7, 2015 at 10:43 pm #68067SakinKeymaster@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; }
October 8, 2015 at 1:11 am #68077kurtParticipant😉 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 KurtOctober 8, 2015 at 11:38 pm #68124October 9, 2015 at 12:21 pm #68156kurtParticipantYour 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?
/ KurtOctober 9, 2015 at 6:09 pm #68169SakinKeymaster@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.
October 9, 2015 at 6:35 pm #68172kurtParticipant@sakin: I would love to help in translation
– please send me that email 😉/ Kurt
catchme[at]vindu[dot]dkOctober 10, 2015 at 10:50 pm #68236 -
AuthorPosts
- The topic ‘CSS for menu in sidebar’ is closed to new replies.