Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 25, 2015 at 8:02 am #542174
    robphat

    How can I set the color of the small top bar?

    How can I change the color of the individual menu items backgrounds that show up when I select the button option for a menu item? I tried using the Advanced Styling, but that only changed the colors when I scrolled down and the sticky menu gets skinny. But while the menu is its regular size, the edits I made in Advanced Styling don’t apply. Could it be because I’m using a transparent menu? If so, is there a workaround?

    Specifically, see http://173.254.96.214/~ronspubh/ I need to show the phone number larger at the top, so i thought I’d use a menu item for it, but I want to highlight it. So I gave it the button option, but I want to change the background color.

    Can you please help with these 2 issues?

    Thanks,
    Rob

    • This topic was modified 9 years, 1 month ago by robphat.
    November 25, 2015 at 1:49 pm #542407
    Yigit

    Hi robphat!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #menu-item-59 a { background-color: red !important; }
#top #header_meta {
    background: white;
}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

    November 25, 2015 at 4:46 pm #542527
    robphat

    Thanks. That helped with the custom menu background color, but not with the top bar background color. I want to make it black, so I added:

    #top #header_meta {
    background: black;
    }

    But that did not change the background color of the top bar.

    Also, what is the css to add a text shadow to top level menu items, but not submenu items. I was able to add it to all menu items, but not to top level only. Can you please help with this also?

    November 25, 2015 at 4:53 pm #542534
    Yigit

    Hey!

    Would you like to have it black at all times without transparency? If so, please add !important rule to your code

    #header_meta {
background: black !important;
}

    Regards,
    Yigit

    November 25, 2015 at 4:58 pm #542536
    robphat

    I actually tried that already, but it didn’t work either. That is the css there now. you can see it has no effect at all.

    Additionally, I just noticed the the css to give a menu item a background color is changing the view port in Chrome and IE to be much smaller. In Firefox, the page still has the default wide viewport, but with the following css, the viewport gets much smaller in Chrome and IE (the content area of the site is much thinner).

    Can you please help me solve this problem. It’s very strange.

    • This reply was modified 9 years, 1 month ago by robphat.
    November 25, 2015 at 5:00 pm #542539
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately? I suspect there is an error in your custom CSS.

    Regards,
    Yigit

    November 25, 2015 at 5:28 pm #542570
    robphat

    Sure:

    • This reply was modified 9 years, 1 month ago by Yigit. Reason: moved content to private content field
    November 25, 2015 at 5:29 pm #542573
    Yigit

    Hey!

    I am getting “ERROR: The password you entered for the username enfold is incorrect. Lost your password?” error. Can you please check logins once again?

    Best regards,
    Yigit

    November 25, 2015 at 5:30 pm #542574
    robphat

    Sorry.

    • This reply was modified 9 years, 1 month ago by Yigit. Reason: moved content to private content field
    November 25, 2015 at 5:33 pm #542576
    robphat

    And actually that problem is on all browsers, including FF. I just had my FF window zoomed in and didn’t realize it. That should simply the fix hopefully. Waiting on your answer.

    November 25, 2015 at 5:39 pm #542583
    Yigit

    Hey!

    I added the code to Style.css file of your child theme and it does work fine there.
    Please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions

    Also, when posting login credentials etc, please make sure to include them in private content field or everyone else will be able to see them :)

    Regards,
    Yigit

    November 25, 2015 at 5:51 pm #542590
    robphat

    ah. sorry. I forgot to enter pw in private section.

    And I see the top bar is now black. Are you saying something is wrong with the theme’s custom css editor so that the custom css for the top bar didn’t work when entered there, but it does work when adding it to child theme’s style.css?

    And I noticed the the thinner viewport was still there, but then I removed the custom css for the background color of the last menu item, saved and readded it and the viewport problem was gone. Did you work on that issue also, or did the the issue fix itself? Was it the top bar css in the theme’s custom css editor that was breaking the site?

    Also, how can I get the font in that last menu item with the phone number to have white text even in the shrunken menu that shows when you scroll down. Currently, all menu items change color as the scroll down because the menu background turns white. This helps the menu items stand out, but that color is ugly against the background color I have set in custom css for the last menu item (phone number). So please help me make the font in ONLY that menu item stay white at all times, even in the shrunken menu after scrolling.

    Thanks,
    Rob

    • This reply was modified 9 years, 1 month ago by robphat.
    December 1, 2015 at 11:29 am #545058
    Andy

    Hey!

    I checked your last menu item and it is always white (font). Could you fix it already?

    Regards,
    Andy

    December 1, 2015 at 3:29 pm #545267
    robphat

    I never heard back from anyone, so I used custom CSS on my own to do it.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Top bar and menu button color’ is closed to new replies.