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


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 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.


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?

CSS Classes
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: CSS Classes
#20857
CSS Classes 13 Years, 1 Month ago Karma: 0
I am trying to change the font style of a column in the table. How can I do that. I have tried to put bold, strong, h1 etc. in css classes field, but it didn't help.

How can I use the css classes field given in column settings.

Regards.
The administrator has disabled public write access.
 
#20858
Re:CSS Classes 13 Years, 1 Month ago Karma: 760
Hello,

For example you can set "Columns settings -> CSS class" parameter to sample_class value for necessary column(s) and then enter the next CSS rule in "CSS Styles" parameter:

Code:


TABLE TR TD.sample_class
{
 font-weight: bold;
 color: red;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#20860
Re:CSS Classes 13 Years, 1 Month ago Karma: 0
Thank you so much, it's quite well.

Can I also use hover effect(mouseover) color change using css for rows.

Thank you.
The administrator has disabled public write access.
 
#20861
Re:CSS Classes 13 Years, 1 Month ago Karma: 760
Add the next code to "CSS Styles" parameter:

Code:


{$id} TR:hover TD
{
 color: red;
 background-color: blue;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#20863
Re:CSS Classes 13 Years, 1 Month ago Karma: 0
Thank you so so much.
The administrator has disabled public write access.
 
Go to topPage: 1