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?

Include the css in jamba template
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Include the css in jamba template
#4549
Re:Include the css in jamba template 7 Years, 4 Months ago Karma: 666
This is a conflict with your template styles. Your template contains a lot of specific styles for top navigation menu position. Add the following CSS rules to <joomla_dir>/templates/js_jamba/css/style1.css file that fix it:

Code:


div#navmenu .yuimenubar ul ul
{
display: inherit;
}

div#navmenu .yuimenu ul
{
top:0;
}

div#navmenu .yuimenu ul li
{
float: none;
margin: 0;
}

div#navmenu .yui-skin-sam .yuimenubar
{
border-style: none;
}

div#navmenu .yui-skin-sam .yuimenubaritemlabel
{
border-style:none;
}

div#navmenu .yuimenubar li,
div#navmenu .yuimenubar .yuimenu li,
div#navmenu .yuimenubar li:hover .yuimenu li {
background: url(../images/style1/nav_norm_l.png) no-repeat bottom left;
}
div#navmenu .yuimenubar li a,
div#navmenu .yuimenubar .yuimenu li a,
div#navmenu .yuimenubar li:hover .yuimenu li a
 {
background: url(../images/style1/nav_norm_r.png) no-repeat bottom right;
color: #fff;
cursor: pointer;
}

div#navmenu .yuimenubar li .yuimenu li:hover,
div#navmenu .yuimenubar li .yuimenu li.iehover
 {
background: url(../images/style1/nav_hover_l.png) no-repeat bottom left;
}

div#navmenu .yuimenubar li .yuimenu li:hover a,
div#navmenu .yuimenubar li .yuimenu li.iehover a {
background: url(../images/style1/nav_hover_r.png) no-repeat bottom right;
color: #557f01;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#4550
Re:Include the css in jamba template 7 Years, 4 Months ago Karma: 0
Thank you.

I want to use the style of the module. I'll try to adapt it.

Best Regards,
jomel
The administrator has disabled public write access.
 
#4551
Re:Include the css in jamba template 7 Years, 4 Months ago Karma: 666
I you want to use default menu styles, you can do the following:

1. Open index.php file of your template and replace the following HTML code:

Code:


<div id="navmenu">



with:

Code:


<div id="navmenu1">



2. Add the following CSS rule to your template CSS file:

Code:


BODY #navmenu1 .yui-skin-sam
{
  margin: 8px 0pt 0pt 350px; 
  float: left;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#4552
Re:Include the css in jamba template 7 Years, 4 Months ago Karma: 0
Thanks,

One more question,
How can I remove px between various modules?

show the page:www.captiare.net/homecaptiare/

Best Regards,
jomel
The administrator has disabled public write access.
 
#4553
Re:Include the css in jamba template 7 Years, 4 Months ago Karma: 666
You are welcome. For your case, use the following CSS rule:

Code:


DIV#navmenu1
{
  padding: 6px 0 0 10%;
}



and remove "margin: 6px 0 0 10%;" CSS property from "body #navmenu1 .yui-skin-sam" CSS rule.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4555
Re:Include the css in jamba template 7 Years, 4 Months ago Karma: 0
Very Good.

Thanks.


How can I assign a different color when the menu is selected?


Best Regards,
jomel
The administrator has disabled public write access.
 
Go to topPage: 123