Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

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


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 Conflict
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: CSS Conflict
#6043
CSS Conflict 13 Years, 9 Months ago Karma: 0
I've disected the CSS in my project to discover why your module is displaying differently from the demo.

Part of the css in my main content area that controls the appearance of my lists is butting heads with your modules

#center-main-body ul li {list-style:disc; padding:0; margin:0.0em 0 0.5em 1.5em;}

If I comment out this line of code in my project your module displays as expected.

All of the styling for your lists have a class assigned to them. I can't figure out why my style it taking precedence over your styles that have a class asigned to them. Perhaps an ID carries more weight than a class?

Please help,

K.
The administrator has disabled public write access.
 
#6044
Re:CSS Conflict 13 Years, 9 Months ago Karma: 748
Hello,

Yes, ID has more weight than CSS class because it's more specific selector. In your case, you can add the following CSS rule:

Code:


#center-main-body .aripag-main UL LI.aripag-item
{
  list-style: none outside none;
  margin: 10px 10px 0;
  padding: 20px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#6107
Re:CSS Conflict 13 Years, 9 Months ago Karma: 0
Thank you for the fast response
The administrator has disabled public write access.
 
Go to topPage: 1