Public Forums 71,145 posts

[guffas Friend guffasJoin date: April 2009Posts: 51Downloads:2Uploads:4 Thanks: 14 Thanked: 6 times in 1 posts]

#202558

Hi all

I have custom.css in templates/purity_III/css

As you can see from the below picture, I try to remove the padding and border around the corporate slideshow module position, but it does not work. See Firebug in the low right hand corner, there you see my custom.css code modification show up, but no changes happen in the module position, and the custom code is stroked out.

I suspect I have forgotten something, but what is it?

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#554636

Hi

Add !important; to your custom.css declarations

.corporate.slideshow {
background:#f7f7f7!important;
}

1 user says Thank You to pavit for this useful post

1. guffas

[guffas Friend guffasJoin date: April 2009Posts: 51Downloads:2Uploads:4 Thanks: 14 Thanked: 6 times in 1 posts]

#554637

Fantastic, thank you thank you 🙂

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#554638

Hi there,
I know this topic is resolved but just for adding information.
You can use css priority into your custom.css instead force with !important.

https://developer.tizen.org/dev-guide/2.2.1/org.tizen.web.appprogramming/html/guide/w3c_guide/dom_guide/html_priorities_css.htm



http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css
It would help your code much more clean

http://stackoverflow.com/questions/13743671/is-important-bad-for-performance

Thank you,
Viet Vu

[Author]

Posts