Public Forums 71,145 posts

[hbf1000 Friend hbf1000Join date: June 2008Posts: 112Downloads:0Uploads:10 Thanks: 15 Thanked: 3 times in 1 posts]

#181573

Long life to Joomlart !

I have 2 easy questions. Please refer to this page: http://www.liguebarato.com.br/jupgrade/

1. As you can see, the logo is wider than the space for it. How do I increase width space for logo ?
2. see that menus, when mouse over, are on the original color. Where do I edit it on template.css ?

Tks
Herbert

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#470616

Hi,

For your first question you need to edit ->

h1.logo a {
background: url("/jupgrade/templates/ja_purity_ii/images/logo.gif") no-repeat scroll left center transparent;
display: block;
height: 79px;
width: 207px; -> change this to what meets your needs
}


in template.css

As for your second question you need to change the hover in menu.css file.

[hbf1000 Friend hbf1000Join date: June 2008Posts: 112Downloads:0Uploads:10 Thanks: 15 Thanked: 3 times in 1 posts]

#470620

Tks, it was easy to solve the logo size issue. But I am still in trouble with the menu. There is no such file menu.css, but a folder called menu with a couple of files inside. I looked at css.css but could not find where to edit.
Could you be more specific please.
Tks.

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#470631

Please set CSS and JS optimization to off if you need more help, i can’t identify the file if they are compressed.

Regards

[hbf1000 Friend hbf1000Join date: June 2008Posts: 112Downloads:0Uploads:10 Thanks: 15 Thanked: 3 times in 1 posts]

#470657

Hi, it is set to off now.

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#470662

Then you can easily find the /templates/ja_purity_ii/css/menu/mega.css and this code:


.ja-megamenu ul.level0 li.mega.over, .ja-megamenu ul.level0 li.mega.haschild-over { background: url(../../images/grad1-mask.png) repeat-x center top #666 }

I am pretty sure you will probably have to change some more colors to get to the result but it shows that you are very close to what you need to achieve! Keep up the good work!

Regards

2 users say Thank You to Manos for this useful post

1. hbf1000
2. JA Developer

[hbf1000 Friend hbf1000Join date: June 2008Posts: 112Downloads:0Uploads:10 Thanks: 15 Thanked: 3 times in 1 posts]

#470668

Thank you, it worked.

I just find out how to use Firefox tools that show the CSS file.

Tks!

[Author]

Posts