Public Forums 71,145 posts

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#138915

Hiya.

The CSS menu that many templates use.. Mine has a clear background, so it’s possible to see the template-content behind it, which in turn makes it difficult to read the menu, and just looks bad.
when hovering over it, it turns grey and makes it easier to read.

which file should I edit?

ja.cssmenu.css ?

oh, and where… I’m no CSS buff..

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#294966

can you provide screen shot.mainly what is your menu type?? is it css or moo or default?

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#294969

it’s CSS. as I wrote in #1

2 secs I’ll take a ss

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#294970

screenshot attached.

---

Attachments:

1. 

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#294971

hi symbiot ,

go and change this css file according to your requirement

templatesja_xxxxja_menusja_cssmenu.css

first save your web page using save as function to desktop.
then using dreamweaver select the proprer text and undrestand the class thay had use.
then open css file and made modifications.

thanks

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#294975

thanks.. I don’t use dreamweaver though..
I use.. notepad.
I’ve tried changing quite a few things, but nothing seems to do the trick.

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#294977

change this codeing part in the ja_cssmenu.css file and try.
make a backup before you made big changes

thanks.

:0)

/* STYLING THE MENU
———————————–*/
/* 1st level */
#ja-cssmenu li a {
display: block;
text-decoration: none;
font-size: 92%;
/*text-transform: uppercase;*/
color: #FFF;give the color code here
padding: 8px 20px;
}

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#294978

hi

well..
that changed a lot.. but most importantly.. it changed the text color.. nothing else.. 🙂

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#294979

can you provide the URL of this site ???

1 user says Thank You to we2solutions for this useful post

1. symbiot

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#294985

http://test.akvarieplanter.dk/

if you look under ‘Begivenheder’

I’m sorry but all is in Danish 🙂

‘Begivenheder’ is the only menu with parents.

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#294989

symbiot;116523
http://test.akvarieplanter.dk/
if you look under ‘Begivenheder’

I’m sorry but all is in Danish 🙂

‘Begivenheder’ is the only menu with parents.

Try changing the background: transparent to a colour or delete it, at about {ja.cssmenu.css (line 127)

#ja-cssmenu li ul a
background:transparent none repeat scroll 0 0 !important;
border-right:medium none;
color:#999999 !important;
font-weight:normal;
height:auto;
line-height:normal;
margin:0;
padding:7px 10px;
text-transform:none;
white-space:nowrap;

1 user says Thank You to ShannonN for this useful post

1. symbiot

[symbiot Friend symbiotJoin date: December 2006Posts: 19Downloads:0Uploads:3 Thanks: 3]

#295035

Hiya.

that helped thanks.
I had to ad a ‘width:100%; line to expand the menu to fit the hover class width, but that was minor.

thanks both for helping.

[Author]

Posts