Joomla Templates Club 406,261 posts

[ahmed09 Friend ahmed09Join date: July 2009Posts: 8Downloads:22Uploads:1 Thanks: 5]

#1082556

I have a problem to change the background color of the menu into Blue, could anyone help me on that

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

#1082564

Hi ahmed09,

Which menu do you want to change the background color? You can illustrate the modification you expect via screenshot, I will check for you.

1 user says Thank You to Saguaros for this useful post

1. ahmed09

[ahmed09 Friend ahmed09Join date: July 2009Posts: 8Downloads:22Uploads:1 Thanks: 5]

#1082589

Have you seen my explanations, I need to change the background of the Main Menu, into Blue color #13036d I attached the screen short

if any further pleases let me know

• This reply was modified 6 years, 10 months ago by  ahmed09.

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

#1082613

Hi,

You can use some custom CSS to change background color:

.t3-mainnav {
    background-color: #13036d;
}

add into the file: root/templates/ja_focus/css/custom.css (Create this file if it doesn’t exist)

P/s: I don’t see the screenshot in your reply.

Regards

1 user says Thank You to Saguaros for this useful post

1. ahmed09

[ahmed09 Friend ahmed09Join date: July 2009Posts: 8Downloads:22Uploads:1 Thanks: 5]

#1082617

Thank you very much im worrying on this, this is the screen shot

---

Attachments:

1. 

[ahmed09 Friend ahmed09Join date: July 2009Posts: 8Downloads:22Uploads:1 Thanks: 5]

#1082625

I did it and the background is changed successfully thank you, how I can change the text of the menu into WHITE #ffffff

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

#1082637

Yes, you will need to change color of several elements in the main menu. Try with below custom CSS:

.t3-mainnav .t3-navbar .navbar-nav > li > a {
    color: #ffffff;
}

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.t3-mainnav .t3-navbar .navbar-nav > li:last-child > span {
    color: #ffffff;
}

1 user says Thank You to Saguaros for this useful post

1. ahmed09

[Author]

Posts