ARI Soft - Include the css in jamba template

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

Include the css in jamba template

(1 viewing) (1) Guest

Page: 123

TOPIC: Include the css in jamba template

Forum Tools

#4549

Re:Include the css in jamba template 14 Years, 6 Months ago Karma: 760

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

admin

The administrator has disabled public write access.

#4550

Re:Include the css in jamba template 14 Years, 6 Months ago	Karma: 0
Thank you. I want to use the style of the module. I'll try to adapt it. Best Regards, jomel

jomel

The administrator has disabled public write access.

#4551

Re:Include the css in jamba template 14 Years, 6 Months ago Karma: 760

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

admin

The administrator has disabled public write access.

#4552

Re:Include the css in jamba template 14 Years, 6 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

jomel

The administrator has disabled public write access.

#4553

Re:Include the css in jamba template 14 Years, 6 Months ago Karma: 760

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

admin

The administrator has disabled public write access.

#4555

Re:Include the css in jamba template 14 Years, 6 Months ago	Karma: 0
Very Good. Thanks. How can I assign a different color when the menu is selected? Best Regards, jomel

jomel

The administrator has disabled public write access.

Page: 123

Useful Links