Joomla Templates Club 406,261 posts

[anatta Friend anattaJoin date: May 2008Posts: 10Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#131826

I have found most of the answers to my problems in these forums, but I cannot find how to remove the “Dots” that appear over the current location and when hovering over the main Navigation bar. I am sure that the answer to this may well be in another thread, but I simply can’t find it.

I have been scouring the CSS for hours – I thought that it may have been :

#ja-subnav ul {
list-style: none;
margin: 0;
padding: 0;
background: url(../images/hdot1.gif) repeat-x top;
}

#ja-subnav li {
background: none;
margin: 0;
padding: 1px 0;
background: url(../images/hdot1.gif) repeat-x bottom;
}

but removing or commenting out the background images has no effect.

Any help, greatly appreciated.

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#263936

Try editing this in template.css


.contentheading (line 324)
{
font-size: 175%;
background-color: transparent;
background-image: url(../images/hdot1.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: center;
background-y-position: bottom;
}

Then check the css tools in my signature.;)

[anatta Friend anattaJoin date: May 2008Posts: 10Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#264026

Thanks instantinlaw

I was actually looking to remove the circles from above the black navigation bar. But thanks to the CSS tools I was quickly able to find the code in ja-cssmenu.css.

I needed to replace:-

background: url(../../images/circle.png) no-repeat center top;

with:-

background: none;

in the following section (lines 90 – 110)

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
color: #FA6900;
background: none;
}

#ja-cssmenu li:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
color: #FA6900;
background: none;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
color: #FA6900;
background: none;
}

I can see myself using these tool a lot more!! 😀

Many thanks

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#264107

No problem.
Good luck with your site. 🙂

[Author]

Posts