Joomla Templates Club 406,261 posts

[alex_feng Friend alex_fengJoin date: December 2010Posts: 120Downloads:61Uploads:25 Thanks: 11 Thanked: 10 times in 1 posts]

#1073768

(1) How can I modify the main menu navigation bar and make it fully extended to both sides?
(2) How can I make the hero style 4 video fully extended to both sides without the gray area?
(3) (4)How can I change the main menu navigation bar’s colors?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1073850

Hi
For the Main menu full width add this code in custom.css file

.t3-mainnav .container {width: 100%;  padding: 0px;}

For the Her module, its already full width, the gap is from the video http://prntscr.com/h9p16c

For the orange bar under home menu
add this code in custom.css file

.navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > span:before {
    background: #f87831;
    border-radius: 2px;}

For button, color add this code in custom.css file

.nav-right .btn-primary {
    background-color: #f87831;
    border-color: #f87831;
    color: #ffffff;
    background: linear-gradient(#f9884a, #f87831);
    border: 0;
    font-size: 11px;
    font-family: "Rubik", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

change the value as per needs.

Regards

[alex_feng Friend alex_fengJoin date: December 2010Posts: 120Downloads:61Uploads:25 Thanks: 11 Thanked: 10 times in 1 posts]

#1074092

Thank you, Pankaj. How can I change the the main menu bar’s color from blue to something else?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1074168

Hi
Use this code in custom.css file

.t3-header {
    background: #222c54;}
.has-slideshow .t3-header.affix {
    background: #222c54;
}

Change the color codes as per needs.

Regards

[Author]

Posts