ARI Soft - how to change the colors and fonts

Home

News

Forum

Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo

e-mail: info@ari-soft.com

Shopping Cart

Show Cart

Recent Events

29/12/2011 Merry Christmas and Happy New Year!

Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

more...
27/09/2011 ARI Smart Content v. 1.8.0

ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.

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

how to change the colors and fonts

(1 viewing) (1) Guest

Page: 12

TOPIC: how to change the colors and fonts

Forum Tools

#4721

how to change the colors and fonts 1 Year, 8 Months ago

Karma: 0

Hello
I am very novice in joomla development and i installed the menu in my project and i need to know something to improve it.

1. How to change the background color at on hover.
2.How to change the font color?
3.I saw there is a space of the menu's in up and down when mouse the is hovering. Can anyone please tell me how to remove it?
4.How to increase the width and also the height?

Shaon
ksrahman.wordpress.com

shaon935

The administrator has disabled public write access.

#4723

Re:how to change the colors and fonts 1 Year, 8 Months ago Karma: 278

Hello,

Regarding your questions:

1. Add the following CSS rule to 'CSS Styles' parameter in module settings:

Code:



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

{

  background: red;

}

2. Add the following CSS rule to 'CSS Styles' parameter in module settings:

Code:



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

{

 color: green;

}

3 and 4. Provide link to page, please, where we can see menu on your site because template CSS styles can override some menu styles.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4736

Re:how to change the colors and fonts 1 Year, 8 Months ago	Karma: 0
Thanks a lot for your quick reply. I am using the menu in my left side bar and using the vertical menu.

shaon935

The administrator has disabled public write access.

#4740

Re:how to change the colors and fonts 1 Year, 8 Months ago	Karma: 278
Regarding questions 3 and 4, we can help you, if you provide link where we can see menu on your site. Regards, ARI Soft

admin

The administrator has disabled public write access.

#4742

Re:how to change the colors and fonts 1 Year, 8 Months ago	Karma: 0
ok.. I would like to make the menu's like www.iub.edu.bd's top menu. Just except the dropdown I would like to make it vertical and also put it in the side bar of that side. Please give a quick reply.

shaon935

The administrator has disabled public write access.

#4743

Re:how to change the colors and fonts 1 Year, 8 Months ago Karma: 278

Place the module into necessary position, configure it and add the following code to 'CSS Styles' parameter in module settings:

Code:



body #{$id}.yui-skin-sam .yuimenu .topscrollbar, 

body #{$id}.yui-skin-sam .yuimenu .bottomscrollbar,

body #{$id}.yui-skin-sam .yuimenu .bd

{

  background-color: #0E3776;

}



body #{$id}.yui-skin-sam .yuimenu LI.yuimenuitem-selected

{

  background-color: #496EB2;

}



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

{

  color: #FFF;

  font-weight: bold !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links