Joomla Templates Club 406,261 posts

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#194080

I am running joomla 3.2 and just updated T3 to version 2.1.0. Formatting for mega menu has now shifted and the Button Names are no longer aligned. Any thoughts? cdmas.cloudaccess.net

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#520035

Hi allenjj,

In fact, some menu items are set to External Url type with <span> so that they will not load the css styles of <a> we defined on other menu items. However, you can easily to solve this issue by creating a custom.css file at templates/ja_social/css/ path and put below override css into:

.t3-mainnav .navbar .nav > li span {
display: block;
border-top: 0;
padding: 10px 15px;
font-size: 13px;
text-transform: uppercase;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
font-family: "Segoe UI", sans-serif;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9fc', endColorstr='#fff5f8fa', GradientType=0);
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: white !important;
}

1 user says Thank You to phong nam for this useful post

1. allenjj

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#520141

I added the above css code to my existing custom css file:

.head-search .button {
margin-top: -20px;
}

#system-message-container {
display: none;
}
/*Change footer background to black*/
#ja-footer {
background: blue;
}

And now my menu formatting is fixed, but my search button format is out of alignment and my footer is no longer blue so the text is not visible. Anything else that I need to add or move in the css file?
Here is the complete file:
.t3-mainnav .navbar .nav > li span {
display: block;
border-top: 0;
padding: 10px 15px;
font-size: 13px;
text-transform: uppercase;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
font-family: “Segoe UI”, sans-serif;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff9f9fc’, endColorstr=’#fff5f8fa’, GradientType=0);
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: white !important;

.head-search .button {
margin-top: -20px;
}

#system-message-container {
display: none;
}
/*Change footer background to black*/
#ja-footer {
background: blue;
}

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#520145

Thought it was the cache, but its still a problem. Added in the code that you suggested to over-ride my span issue on the logo and that worked but still having problems with the format for the search button and footer color.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#520156

@allenjj : Please check my suggested codes and your custom.css file again, you will see a missing “}” tag that makes the css rules below it ineffective (search alignment and footer background).

Please see the attached image to correct your mistake.

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. allenjj

[allenjj Friend allenjjJoin date: October 2013Posts: 47Downloads:19Uploads:2 Thanks: 7 Thanked: 1 times in 1 posts]

#520224

Your the BEST!!! When I copied your code I must have missed the last brace and looking at it multiple times I never saw it. The support here is AWESOME!!!

1 user says Thank You to allenjj for this useful post

1. JA Developer

[Author]

Posts