html - Override CSS Wildcard for half of page -
i running issue theme i'm trying integrate has css wildcard selector applied entire site. problem breaks previous form elements.
please see image reference of problem: bad: http://i.imgur.com/mkkrbpd.png
this like: good: http://i.imgur.com/sj4sbtn.png
to achieve look, change 'box-sizing' content-box. problem wildcard continuously being applied entire page supersedes it, believe.
question #1: can please show me how apply content-box 2 boxes on 1 page?
question #2: kind of on point 1 - must apply 2 boxes header , entire rest of site rely on box-sizing: border-box
here live example: failed problematic section, think...
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } please take gander @ live example , let me know change fix issue. can see things i've tried in there , none have worked yet. have eternal gratitude , blade in battle if can solve this.
have class .collapsiblepaneltab background img width 660px , you've define width:647px. make sure width eqaul background image width.
here css code
.collapsiblepaneltab { font: normal 21px arial; text-transform:uppercase; background-color: #fff; border-bottom: solid 0px #ccc; height: 40px; margin: 10px 0 0; padding-left: 10px; padding-top: 13px; width: 660px; /*change 647 660px*/ -moz-user-select: none; -khtml-user-select: none; background-image: url("http://i.imgur.com/6wgrmmk.png"); background-repeat: no-repeat; color: #000000; } side note: using
-khtml-user-select: none;thats used older version. target latest version of chrome , safari must use-webkitprefix. read more @ mdn.
Comments
Post a Comment