Joomla Templates Club 406,261 posts

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#163314

Running Joomla 1.6.3, JA_Events J16 1.0.0beta template, T3 Framework v1.2.3:

I would like to remove the gray divider bars that appear between modules in the right-hand menu (e.g. POSITION-7) and between menu items in a menu places in that position.

I think this might be a BOTTOM-BORDER tag, but I cannot find the appropriate one to turn off in CSS.

Can anyone help point me to the correct settings to eliminate these?

In the attached screenshot, I have highlighted in YELLOW the divider bars I would like to hide.
12773

Thanks for your help.

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388792

Hi,

Open you template.css and find the following code on line 784 approximately. <blockquote> #ja-container ul.menu li {
background: url(“../images/nav-sep.gif”) no-repeat scroll right bottom transparent;
margin-right: -15px;
overflow: visible;
}</blockquote>

change url(“../images/nav-sep.gif”) no-repeat scroll right bottom transparent; to none;

See if this removes the borders you dont want, if it does not work, please give your site url here.

1 user says Thank You to himangi for this useful post

1. adamlopuch

[adamlopuch Friend adamlopuchJoin date: April 2011Posts: 30Downloads:0Uploads:14 Thanks: 10 Thanked: 5 times in 1 posts]

#388833

Thank you, Himangi — this resolves my question! 🙂

It was my mistake… I thought for sure it was a border element; I did not think it would have been the background! :-[

Feedback for future users:

1. The divider bars in Menu elements are controlled by “nav-sep.gif”
2. The divider bars between module elements are controlled by “mod-bg.gif”
3. Search the CSS to find these references for your specific installation. Remember, if you are using profiles the profile code may overrule the default template.css

For my situation (using a custom profile for JA_Event based on a modified version of the default red profile), I found and changed these references in my profile color.css file:

A. To remove menu divider bars:

Original code in color.css:

#ja-container ul.menu li { background: url(../images/nav-sep.gif) no-repeat right bottom; }

New code in color.css:

#ja-container ul.menu li { background: none; }

B: To remove module divider bars:

Original code in color.css:

.ja-col div.moduletable {
background: url(../images/mod-bg.gif) no-repeat right bottom;
color: #383838;
}


New code in color.css:

.ja-col div.moduletable {
background: none;
color: #383838;
}


2 users say Thank You to adamlopuch for this useful post

1. Phill
2. himangi

[Author]

Posts