Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #67909
    kurt
    Participant

    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

    #67929
    Sakin
    Keymaster

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

    #67936
    kurt
    Participant

    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

    #67939
    Sakin
    Keymaster

    @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;
    }
    #68010
    kurt
    Participant

    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

    #68011
    Sakin
    Keymaster

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

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

    #68016
    kurt
    Participant

    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;

    #68045
    Sakin
    Keymaster

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

    #68051
    kurt
    Participant

    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:;
    }

    #68067
    Sakin
    Keymaster

    @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;
    }
    #68077
    kurt
    Participant

    😉 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

    #68124
    Sakin
    Keymaster

    @kurt: Thanks for your appreciation 🙂

    #68156
    kurt
    Participant

    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

    #68169
    Sakin
    Keymaster

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

    #68172
    kurt
    Participant

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

    / Kurt
    catchme[at]vindu[dot]dk

    #68236
    Sakin
    Keymaster

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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘CSS for menu in sidebar’ is closed to new replies.