Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

adjust the width of the module and another problem
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: adjust the width of the module and another problem
#13999
adjust the width of the module and another problem 13 Years, 7 Months ago Karma: 0
hi,
I need your help again,
These are the problems:

1. I need to adjust a vertical menu, so that everyone has the same width and the text is auto-tuning.

2. in the vertical menu, there are some points to the left of each item, as I can disable them.

3.In the horizontal menu, the submenu is displayed misaligned, as I can alienate.

I tried to create the corresponding CSS codes, using the "inspect element" of Google Chrome, did not work.


This is the website: www.comarcaapia.xtreemhost.com/

thanks for the collaboration, this is one of the best forums that I know

thanks a lot
The administrator has disabled public write access.
 
#14001
Re:adjust the width of the module and another problem 13 Years, 7 Months ago Karma: 760
Hello.

1. Set "Auto width" parameter to "Yes" in module settings.

2. Add the next CSS rule:

Code:


#colmask ul.ux-menu li
{
 list-style: none;
}



3. Try to add the next CSS rule:

Code:


#nav .ux-menu .ux-menu-sub LI A
{
 line-height: 30px;
 height: 30px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#14024
Re:adjust the width of the module and another problem 13 Years, 7 Months ago Karma: 0
hi, thanks for the help, but there are other problems:

1. horizontal menu, has conflict with other modules of the page, not displayed well, it's a problem of the menu or template?. could you suggest something?

2. the submenu that is in the vertical menu, contains 6 items, but when deployed it only shows one.

I used the following CSS codes to modify each menu:

horizontal menu:
Code:


#nav .ux-menu li a {
line-height: 55px;
line-width: 25px;
height: 35px;
width: auto;
padding: 0 18px;
border-left: 0px solid #E3DAD1;
border-right: 0px solid #E3DAD1;
border-top: 0px solid #E3DAD1;
}




vertical menu:
Code:


#colmask ul.ux-menu li
{
 list-style: none;
}

.ux-menu ul a, .ux-menu.ux-menu-vertical a
{
width: 80px;
}

.ux-menu a.ux-menu-link-parent {
padding-right: 14px;
}



thanks for the help
The administrator has disabled public write access.
 
#14033
Re:adjust the width of the module and another problem 13 Years, 7 Months ago Karma: 760
A lot of styles issues cause by site template styles for default site template menu. You can edit index.php site template file and replace the next code:

Code:


<div id="nav">



with the following code:

Code:


<div id="nav1">



Information about menu HTML layout and styles can be found here. It should be helpful that create custom CSS rules for the menu.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#14034
Re:adjust the width of the module and another problem 13 Years, 7 Months ago Karma: 0
hi,
thanks but the code does not work.
I edited the index.php of the template, changing what you suggested.
Now the horizontal menu is displayed wrong and also not show the text, and the vertical menu stays the same does not show all items.

I'm really confused, could you help me otherwise?

thanks
The administrator has disabled public write access.
 
#14035
Re:adjust the width of the module and another problem 13 Years, 7 Months ago Karma: 760
We can try to help if you provide temporary access to your Joomla! backend by email.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1