Public Forums 71,145 posts

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1069128

Hi there
Q1. I have moved a website over from purtiy III to JA builder. I have created a new home page https://www.walc.org.uk/home2 and I have a problem with the drop down menus. The background of the dropdown is white, it appears that the link text is also white, so I cannot read the links.

I am sure there is a simple solution but I am stumped. Please help.

PS. i have made the link color light grey for now so they can been seen, but ideally I want the main links to be white on the blue background and the dropdown links to be dark grey (or black) on a white background.

Q2. how can I change the color of 1 menu item
the menu is background blue and text white, and I want one of the menu buttons to be background green.

Thank you for your help

• This topic was modified 7 years, 1 month ago by  shemeam.
• This topic was modified 7 years, 1 month ago by  shemeam.

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1069608

Hi,

As I can see that the background is blue and the link is white now, did you get it solved?

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1069616

Thanks for your reply.

No still not sorted. It is

1. the drop down. How do I change the drop down link so it is black (but leave the main links white.
2. How do I change the background of one menu button only (style?)

• This reply was modified 7 years, 1 month ago by  shemeam.

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1069682

Hi,

I added this custom CSS into the custom code section when editing page:

.jub-block .header .text-bluegray-light .nav > li > .nav-child > li > a {
  color: #000 !important;
}

and the links of drop-down menu items are in black now.

May I know which menu button you want to change the background?

1 user says Thank You to Saguaros for this useful post

1. shemeam

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1069723

I want to change
"members area" for registered users and it shows as ‘member login" for guests.
Needs to be the accent color.
Thsnks

Shemeam

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1069982

You can try this way:

• Add a class into the menu item, for example, I added ‘btn’ class into the Members Area menu item on your site
• Then add this css rule for it:

  .jub-block.header-5 .header .jub-cmsc.hover-bg-white .nav>li>a.btn {
  background-color: red !important;
  }

You can add style as you wish.

1 user says Thank You to Saguaros for this useful post

1. shemeam

[shemeam Friend shemeamJoin date: February 2015Posts: 259Downloads:55Uploads:67 Thanks: 106 Thanked: 16 times in 4 posts]

#1069994

Perfect, thanks Saguaros

Shemeam

[Author]

Posts