Joomla Templates Club 406,261 posts

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#719718

Hi there,

I am using the Violet default version and would like to change the color code for the T3 header region that encompasses the menu bar, sides and the same for the up-scroll menu/sides. I can see the background color code for both items in foxfire’s inspect element, but cannot find the correct files to change the code. Would someone point me in the right direction to make the changes.

Thanks in advance.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#719802

Hi

Could you post a screenshot with your desired new colors ? in this way may be more clear for us

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#753116

Hi

Could you post a screenshot with your desired new colors ? in this way may be more clear for us

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

#719803

Try This . . . .

Within file path —> /templates/ja_social_ii/css/themes/violet/template.css
at line 1673, modify the color code for the “Background-color” property:


.navbar-default {
background-color: #ffffff;
border-color: #f8f8f8;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

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

#753117

Try This . . . .

Within file path —> /templates/ja_social_ii/css/themes/violet/template.css
at line 1673, modify the color code for the “Background-color” property:


.navbar-default {
background-color: #ffffff;
border-color: #f8f8f8;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

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

#719805

For the easy-social menus, try this . . . .

Within file path —> /templates/ja_social_ii/css/themes/violet/extras/com_easysocial.css
at line 1063, modify the color code for the “Background” property:


html body div#fd.es div.es-container div.es-sidebar > div {
background: #ffffff none repeat scroll 0 0;
padding: 24px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

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

#753119

For the easy-social menus, try this . . . .

Within file path —> /templates/ja_social_ii/css/themes/violet/extras/com_easysocial.css
at line 1063, modify the color code for the “Background” property:


html body div#fd.es div.es-container div.es-sidebar > div {
background: #ffffff none repeat scroll 0 0;
padding: 24px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#720194

@pavit @tomc

Thanks so much! I made the changes and the colour change looks fabulous!

[vineyardseashell Friend vineyardseashellJoin date: March 2011Posts: 163Downloads:30Uploads:20 Thanks: 60 Thanked: 19 times in 1 posts]

#753206

@pavit @tomc

Thanks so much! I made the changes and the colour change looks fabulous!

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

#720211

<em>@vineyardseashell 499908 wrote:</em><blockquote>@pavit @TomC

Thanks so much! I made the changes and the colour change looks fabulous!</blockquote>

Happy to be of assistance . . . All the best with your continuing site development !!! 🙂

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

#753223

<em>@vineyardseashell 499908 wrote:</em><blockquote>@pavit @TomC

Thanks so much! I made the changes and the colour change looks fabulous!</blockquote>

Happy to be of assistance . . . All the best with your continuing site development !!! 🙂

[Author]

Posts