Joomla Templates Club 406,261 posts

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#147345

Please have a look at the attached picture. I would like to add a red line as shown in the picture. Is this possible? I know how to change the olive coloured border above the red line, but I still want that border as well as a thin red line underneath.

I´m using the CSS/MOO menu by the way.

Impossible mission perhaps?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#328400

Hi there

please open template.css file, find following code section:

/* Main Nav ---*/
#ja-mainnav {
background-color: #1c1c1c;
border-bottom: 4px solid #050505;
line-height: 1;
position: relative;
z-index: 9;
}

and change to:

/* Main Nav ---*/
#ja-mainnav {
background-color: #1c1c1c;
border-bottom: 2px solid #FF0000;
line-height: 1;
position: relative;
z-index: 9;
}

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#328426

But, won´t that delete the 4 px dark olive border? I still want that one and then a 1px red line/border underneath?

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#328457

Just want to add that I tried the above solution, and it does delete the olive border and I can´t add a red line underneath. Problem still there.

Thanks for your help so far!

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#328551

Hi johanrn

Could you give me your live url ?

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#328555

Unfortunately the site is not live at the moment, but it´s built exactly as the current Seleni template. I want to add a red line underneath the olive border in the Seleni template.

I hope that information is helpful. Thanks for keeping me updated!

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#328638

Hi johanrn

In our demo site, my solution is correct. I don’t understand why it is not working in your website.

Please try to do with this code:

/* Main Nav ---*/
#ja-mainnav {
background-color: #1c1c1c;
border-bottom: 2px solid #FF0000 !important;
line-height: 1;
position: relative;
z-index: 9;
}

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#328653

Ok, can you please show me a screen shot of your solution so that I can see if we understand correctly?

What happens on my site, is that with your solution, the 4px olive border is replaced with the 2 px red one. But I want both the olive and the red one to show.

Late next week our site will probably go live, and if we haven´t solved the problem until then, I can give you the url so that you can have a look at it.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#329168

Hi Hi johanrn

Please check my attachment file

---

Attachments:

1. 

1 user says Thank You to JA Developer for this useful post

1. johanrn

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#329313

Unfortunately I can´t explain in more detail than I have done so far, but no – this is not what I was after. I have decided to scrap my idea and have another solution. I want to thank you for your continued assist with this. Thanks, it was really appreciated!

[Author]

Posts