Joomla Templates Club 406,261 posts

[molk Friend molkJoin date: July 2011Posts: 5Downloads:0Uploads:3 Thanks: 2]

#166286

In joomla 1.6 , I am working to put more icons like home in main menu.

I have created a new class in template.css “twitter”, but I have a row more width than the others

The code is this

[PHP]/* NAVIGATION
——————————————————— */
/* Main Nav —*/
#ja-mainnav { }

#ja-mainnav .main { border-top: 1px solid #ccc; margin-bottom: 12px; }

/* Special Buttons */
#ja-mainnav li.home { }

#ja-mainnav li.home a.home {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}

#ja-mainnav li.home .childcontent-inner { background-position: 14px top; /* Realign The Arrow */ }

span.has-image {
min-height: 18px;
}

/* Special Buttons */
#ja-mainnav li.twitter { }

#ja-mainnav li.twitter a.twitter {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}

#ja-mainnav li.twitter .childcontent-inner { background-position: 14px top; /* Realign The Arrow */ }

span.has-image {
min-height: 18px;
}

/* Home Button */
#ja-mainnav li.home a.home { background: url(../images/icons/home.png) no-repeat center !important; }

#ja-mainnav li:hover a.home,
#ja-mainnav li.over a.home,
#ja-mainnav li.active a.home {
background: url(../images/icons/home-l.png) no-repeat center #000 !important;
}

/* Twitter Button */
#ja-mainnav li.twitter a.twitter { background: url(../images/icons/twitter.png) no-repeat center !important; }

#ja-mainnav li:hover a.twitter,
#ja-mainnav li.over a.twitter,
#ja-mainnav li.active a.twitter {
background: url(../images/icons/twitter2.png) no-repeat center #000 !important;
}

[/PHP]

What’s wrong???

My web is http://www.anosagalicia.es/index.php

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#401132

Hi,
You remove this code from /templates/ja_teline_iv/css/menu/mega.css

.twitter {
padding: 15px 0 !important;
}

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#401133

Hello molk ,

solution for Your issue :-

Find this code :-

.twitter {
padding: 15px 0 !important;
}

Change this code to :-

.twitter {
padding: 4px 0 !important; /* pixel as per requirement*/
}

Can you please provide your correct admin details .But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify not the compressed version and we can help you better.

[molk Friend molkJoin date: July 2011Posts: 5Downloads:0Uploads:3 Thanks: 2]

#401137

In the template for joomla 1.6 , I have created this line

.twitter {
padding: 4px 0 !important; /* pixel as per requirement*/
}

and now is much better in http://www.anosagalicia.es/index.php

but not perfect like the home icon

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#401138

Hello molk ,

You can Find this code at /templates/ja_teline_iv/css/menu/mega.css line no.223
Find this code :-

.twitter {
padding: 15px 0 !important;
}

Change this code to :-

.twitter {
padding: 4px 0 !important; /* pixel as per requirement*/
}

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#401142

<em>@molk 253126 wrote:</em><blockquote>In the template for joomla 1.6 , I have created this line

.twitter {
padding: 4px 0 !important; /* pixel as per requirement*/
}

You replace this code from


and now is much better in www.anosagalicia.es/index.php

but not perfect like the home icon</blockquote>

You replace this code from http://www.anosagalicia.es/templates/ja_teline_iv/css/menu/mega.css
.twitter {
padding: 4px 0 !important;
}
with

.twitter {
padding: 2px 0 !important;
}

1 user says Thank You to khoand for this useful post

1. molk

[molk Friend molkJoin date: July 2011Posts: 5Downloads:0Uploads:3 Thanks: 2]

#401169

Great!!!!
Now looks fine!!!

<em>@khoand 253131 wrote:</em><blockquote>You replace this code from http://www.anosagalicia.es/templates/ja_teline_iv/css/menu/mega.css

.twitter {
padding: 4px 0 !important;
}

with

.twitter {
padding: 2px 0 !important;
}
</blockquote>

[Author]

Posts