Joomla Templates Club 406,261 posts

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#696802

How can I change color and size to the voice of horizontal menu?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#697290

I can assist you . . . but first, can you specify the color and size you’re wanting for your main nav menu?

Also, please temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#750922

I can assist you . . . but first, can you specify the color and size you’re wanting for your main nav menu?

Also, please temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#697296

you can choose a color, than I’ll change after test (perhaps light blue)…I’m interested in the method and file to modify
Optimize CSS” is to “Off”

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#750928

you can choose a color, than I’ll change after test (perhaps light blue)…I’m interested in the method and file to modify
Optimize CSS” is to “Off”

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#697297

Since you’re using a particular color theme (i.e. “blue”), here is what you can do . . .

TO CHANGE MENU ITEM FONT COLOR and SIZE:
Within file path –> /templates/ja_events_ii/local/css/themes/blue/template.css
at line 1286, modify as follows (for EXAMPLE):


.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-radius: 20px;
color: #000000;
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
padding: 5px 15px;
text-shadow: none;
text-transform: uppercase;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That’s Helpful

1 user says Thank You to TomC for this useful post

1. marinolab

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#750929

Since you’re using a particular color theme (i.e. “blue”), here is what you can do . . .

TO CHANGE MENU ITEM FONT COLOR and SIZE:
Within file path –> /templates/ja_events_ii/local/css/themes/blue/template.css
at line 1286, modify as follows (for EXAMPLE):


.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-radius: 20px;
color: #000000;
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
padding: 5px 15px;
text-shadow: none;
text-transform: uppercase;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That’s Helpful

1 user says Thank You to TomC for this useful post

1. marinolab

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#751009

As usual … thanks a lot

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#751020

Glad to be of assistance . . . All the best with your continuing site development.

1 user says Thank You to TomC for this useful post

1. marinolab

[Author]

Posts