aligment problem mainmenu

More
8 years 3 weeks ago #1 by king okkie
laurelle wrote:

Hi,

You just need to change the css.

Add:

ul.menu span {padding-top: 13px;}



and that was all! it works!!

thankyou thankyou :woohoo:

Please Log in or Create an account to join the conversation.

More
8 years 3 weeks ago #2 by laurelle
Replied by laurelle on topic aligment problem mainmenu
Hi,

You just need to change the css.

Add:
ul.menu span {padding-top: 13px;}

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 3 weeks ago - 8 years 3 weeks ago #3 by king okkie
hi,

i installed firebug and i know what to change!
but it is in html and i cant find it in the templatefile's
do you need a screenshot?

i'm using cufon 1,5
Last edit: 8 years 3 weeks ago by king okkie.

Please Log in or Create an account to join the conversation.

More
8 years 3 weeks ago #4 by laurelle
Replied by laurelle on topic aligment problem mainmenu
Hi,

What you need to do is install Firebug and it will help you with the css.

Unless you can provide a link to your site that is having the issue I wouldn't be able to help you.
Also indicate what version of KC_Cufon you are using.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 3 weeks ago - 8 years 3 weeks ago #5 by king okkie
cufon works great, much better then anything else i'v used but i got a alignment problem.
when i turn cufon off everything is fine but when i turn it on the letters move to the top off the menu button.



i am using a vertigo themplate of rockettheme.
i can find the template.css but that is all i know about css :S

here is the part thats for the menu:

/* Side Menus */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
a.mainlevel {line-height: 45px;height: 45px;font-size: 130%;padding: 0 0 0 12px;text-transform: lowercase;}
a.sublevel {height: 32px;line-height: 32px;margin: 0;padding: 0 0 0 16px;font-size: 110%;background: url(../images/main-bullet.png) 0 2px no-repeat;}
ul.menu {margin:0;padding: 0 0 35px 0;text-transform: lowercase;}
ul.menu li {list-style: none;margin: 0 -15px;padding: 0 15px;float: none;border-bottom: 1px solid #e6e6e6}
ul.menu span {display: block; height: 40px;line-height: 40px;}
ul.menu li a, ul.menu li .separator {text-indent: 12px;}
ul.menu ul li a, ul.menu ul li .separator {text-indent: 25px;background: url(../images/main-bullet.png) 8px 12px no-repeat;}
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 45px;background-position: 28px 12px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 65px;background-position: 48px 12px;}
ul.menu li.active {background: url(../images/submenu-active-bg.png) 0 100% repeat-x;}
ul.menu li.parent ul li span {background: none;}
ul.menu li.active.parent li span {background: none;}
ul.menu li.active.parent ul li, ul.menu li.active.parent ul li.parent ul {background: none;}
ul.menu li.active.parent ul {padding: 6px 0;margin: 0;}
ul.menu ul span {height: 32px;line-height: 32px;}
.moduletable-sidemenu a.mainlevel {margin: 0 0 1px 0;}
ul.menu a, ul.menu .separator {display: block;line-height: 45px;text-indent: 0;height: 45px;overflow: hidden;font-size: 140%;float: none;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu ul ul {padding: 0; margin: 0;background: none;}
ul.menu li li {padding: 0;margin: 0;border-bottom: 0;}
ul.menu ul a, ul.menu ul .separator {text-indent: 0;}
ul.menu li.active a, ul.menu li.active a:hover, ul.menu li.active .separator, ul.menu li.active .separator:hover {text-decoration: none; line-height: 26px;}
ul.menu li a:hover, ul.menu li .separator:hover {text-decoration: none;}
ul.menu li.active.parent ul {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 10px;}
ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
ul.menu ul {padding: 0;margin: 0;}
ul.menu ul a, ul.menu ul .separator {font-size: 120%;height: 32px;line-height: 32px;padding: 0;margin: 0;}

i have no idea what to change or add
Attachments:
Last edit: 8 years 3 weeks ago by king okkie.

Please Log in or Create an account to join the conversation.

Joomla! & WordPress Hosts

Liquid Web is our recommended web hosting provider for Joomla! & WordPress websites. This is the host that we use for websites that we build. Liquid Web has an excellent reputation, fast servers and most importantly awesome service! They have technicians that are familiar with Joomla! & WordPress. Their technicians go above and beyond what other hosting providers do, in our opinion.

  

Liquid Web Managed Word Press   

Support Development

Please consider a small donation to support development of the extensions on this site.



Joomla! Login

This is the normal Joomla! login module not the VirtueMart login module. Click the 'Create an account' button to see how you are redirected to the VirtueMart registration form when the KC VM Registration Redirect plugin is enabled.

Joomla! & WordPress Web Design and Development

If you are interested in having a website designed or redesign or need custom Joomla! or WordPress development, please visit Keashly.ca Consulting to view our Portfolio of Joomla! & WordPress website work.

Trademarks and logos remain the property of their respective organizations.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Keashly.ca Consulting is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Site Map Back to Top