ARI Soft - how to change the colors and fonts

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

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 14 Years, 5 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 14 Years, 5 Months ago Karma: 760

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 14 Years, 5 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 14 Years, 5 Months ago	Karma: 760
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 14 Years, 5 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 14 Years, 5 Months ago Karma: 760

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