Joomla Templates Club 406,261 posts

[katew Friend katewJoin date: June 2008Posts: 34Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#131352

Hi There

I am using Joomla 1.5 and the ja_antares template. I was trying to change the background color of the top navigation bar to red. I have changed the two sides and all 4 of the top nav giff images with red images. When i changed color in the template.css file I lost the curved right edge. Does any know how to fix this?

Here is my site http://www.nh-dionline.net/joomla

Thanks

[onyx69 Friend onyx69Join date: July 2008Posts: 1Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#263433

Hi there, I just fix this same problem this moring with my site… you need to change the template_css.css file correctly.

Go to the Top Navigation section of that file

find

<blockquote>
#ja-topnav-wrap {

background: url(../images/topnav-left.gif) top left no-repeat #00457C;

height: 29px;

display: block;

padding-left: 30px;

}

#ja-topnav {

background: url(../images/topnav-right.gif) top right no-repeat #00457C;

float: right;

text-align: right;

height: 29px;

line-height: 29px;

padding: 0 5px;

display: block;
</blockquote>
make sure you replace only the hexa color code matching you red color and also make sure you have modified the “topnav-right.gif” file in the templates/ja_antares/images folder

Hope this helps.

I was also wondering, if you could help me with this navigation bar? My problem is concerning the links in that top navigation. since I can’t get them to be capital white and on one horizontal line !

any ideas of what I should try?

thanks

1 user says Thank You to onyx69 for this useful post

1. katew

[katew Friend katewJoin date: June 2008Posts: 34Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#265467

Hi

Thanks. I tried that, but I could only get the left side to appear so I ended up just taking out both rounded corners. I think it looks okay that way.

As for the top nav bar the css should be:
#ja-topnav ul#mainlevel-nav a {template_css.css (line 832)
color:#FFFFFF;
display:block;
float:right;
font-weight:bold;
padding:0pt 15px;
text-decoration:none;
text-transform:uppercase;

Hope this helps.

[jlivens Friend jlivensJoin date: July 2008Posts: 5Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#265913

Hi,

I changed this and fixed the edges as well. You just need to replace topnav-left.gif and topnav-right.gif. I just used photoshop to recolor those existing images and saved them over the old images. (After backing up the old images, of course.) It worked perfectly.

[jlivens Friend jlivensJoin date: July 2008Posts: 5Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#265915

Hi,

I have not had this problem myself. One of the most useful ways to troubleshoot this is to use the Firebug add-on with Firefox. The tool will let you click on any element on your site and it will show the corresponding style sheet entry. This was super helpful to me because I could immediately pinpoint where any troublesome code came from. You might want to check that out and use that to help understand where the offending code is. (Note that I have nothing to do with Firebug, but found it extremely useful…)

1 user says Thank You to jlivens for this useful post

1. katew

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#265933

I second that on firebug, its a must have for using joomla and templates. 😉

[katew Friend katewJoin date: June 2008Posts: 34Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#266099

Thanks for the suggestion. I was able to find the issue in my css file using firebug.

[Author]

Posts