ARI Soft - Module Class Suffix?

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

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.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI YUI Menu

Module Class Suffix?

(1 viewing) (1) Guest

Page: 1

TOPIC: Module Class Suffix?

Forum Tools

#4773

Module Class Suffix? 14 Years, 5 Months ago

Karma: 1

Looks like this is another winner Ari-soft extension.

I am wondering if there was any reason there is not a "Module Class Suffix" field in the module, so I can do some precise div positioning via css.

Or is this handled some other way in the module???

In any case, here is a version of the module I am working on on a test development site. I am trying to get the module to align left:

freevanrentals.com/

Any suggestions?

Thanks!

Rowby

rowby

Last Edit: 2010/06/10 01:07 By rowby.

The administrator has disabled public write access.

#4774

Re:Module Class Suffix? 14 Years, 5 Months ago Karma: 760

Hello,

You can type the following code in 'CSS Styles' textarea in module settings:

Code:



#{$id} .yuimenubar ul 

{

  position: relative;

  left: -220px;

  display: inline-block;

}



#{$id} .yuimenubar .yuimenu ul 

{

  left:0;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4809

Re:Module Class Suffix? 14 Years, 5 Months ago Karma: 1

Thanks for that tip.

For another site, I also need to make the menu be approx 40pixels tall. I tried adding the height code to the css from you post (40 px) but it isn't working so I guess I did not do it correctly.

Here's the site: brentwoodvillagemarket.com

Where in the below code can I make that modification?

Code:

#{$id} .yuimenubar ul 

{

  position: relative;

  left: 0px;

  display: inline-block;

  height: 40px;

}



#{$id} .yuimenubar .yuimenu ul 

{

  left:0;

}

rowby

Last Edit: 2010/06/13 22:52 By rowby.

The administrator has disabled public write access.

#4815

Re:Module Class Suffix? 14 Years, 5 Months ago Karma: 760

Hello,

Add the following CSS rules to 'CSS Styles' parameter:

Code:



body #s5_breadcrumb div.moduletable

{

  padding-top: 0;

}



body #{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem 

{

  height: 40px;

}



body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel, 

body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link, 

body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited, 

body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover

{

  height: 40px;

  padding-top: 8px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4817

Re:Module Class Suffix? 14 Years, 5 Months ago	Karma: 1
Thanks! Works perfectly!

rowby

The administrator has disabled public write access.

Page: 1

Useful Links