Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #9667

    I have the Broadscope theme and am using the dark skin. When, I add a custom menu widget via the page option the color is white and I cannot see the text. This is for the sidebar. If I use a different widget that is not the custom menu it comes out fine. I know the custom menu is using the image menu_arrow_png but if I invert this it changes my main menu background as well. Also, prefer it to be transparent/function like the other widgets.


    Hi Jamesrds,

    Do you have a live page I can take a look at? It makes it a bit easier to inspect the code and give you an exact style to change :)


    Here is a live page. Wasn’t up a few days ago.

    Thanks James



    Try to add following code to css/custom.css:

    #top .sidebar .avia_mega ul ul li, #top .sidebar .avia_mega > li > ul li {
    background: transparent;





    I am having the same issue and followed your advice. However, although the custom menu on the sidebar is visible, it is white against the dark-themed background, and the text is not visible. The menu works but you can’t read the text. I added the code you recommended (css/custom.css) but it didn’t change the background or text visibility.

    Any help would be appreciated! Thanks!


    Hi Venom51,

    We’ll need to see what you have live with the code from Peter added in as well. If you can provide a link we’ll take a link :)




    Hi Devin!

    Thanks for taking a look. Here’s the link:

    I really do appreciate the help.


    I can’t seem to find a page on your site using a custom menu in the sidebar or widget area. Can you link directly to a page with the menu added in and live so we can inspect it?




    Hi Devin,

    Here you go:

    You’ll notice the widget items on the right are completely white and although function, are illegible.

    Thanks again!



    The problem is the arrow image. Please download this image then place it on wp-content/themes/broadscope/images/skin2/menu_arrow.png.




    Hi Ismael,

    Thank you for the help. I placed the file (via ftp) and the arrow now appears within the widget. But the area is still a white block and the text is still unreadable. Perhaps I’ve forgotten something but I’m at a loss.



    I visited the site, inspect the widget. You didn’t replace the wp-content/themes/broadscope/images/skin2/menu_arrow.png. Please download the image I provided with the transparent background then replace the image file.




    Hi Ismael! You’re right…the file wasn’t the correct one. I uploaded the menu_arrow.png and the widget menu looks great.

    Thanks very much for helping me! This is an awesome forum!!

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘custom menu widget for sidebar..changing background color’ is closed to new replies.