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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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?

Module Class Suffix?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Module Class Suffix?
#4773
Module Class Suffix? 7 Years, 4 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
Last Edit: 2010/06/09 19:07 By rowby.
The administrator has disabled public write access.
 
#4774
Re:Module Class Suffix? 7 Years, 4 Months ago Karma: 666
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
The administrator has disabled public write access.
 
#4809
Re:Module Class Suffix? 7 Years, 4 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;
}

Last Edit: 2010/06/13 16:52 By rowby.
The administrator has disabled public write access.
 
#4815
Re:Module Class Suffix? 7 Years, 4 Months ago Karma: 666
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
The administrator has disabled public write access.
 
#4817
Re:Module Class Suffix? 7 Years, 4 Months ago Karma: 1
Thanks! Works perfectly!
The administrator has disabled public write access.
 
Go to topPage: 1