How to turn off your css

timesharemarketplace

How can we turn off your own css? After recent update our website became all crooked. It was ok before. My designer said the option to turn off your css was there but is not there anymore? How can we only use our css? Our link is: forum.timesharemarketplace.com

Lincoln

Howdy @timesharemarketplace,

We no longer offer that option. However, you can still completely replace our CSS by having the same selectors in your own CSS - your CSS loads after ours, therefore yours has precedence.

We had a unique update a month ago that introduced a number of HTML changes. That caused quirks in a number of sites. Having "turned off" our CSS wouldn't have changed that, and in fact would've made the issue far worse.

Mark

We are trying to simplify a lot of our VanillaForums.com features, and we found that about 99.9% of customers were never using this one feature. The reason they didn't use it wasn't because it wasn't useful, but because they just used CSS resets in their custom CSS definitions to override everything in ours. You can do exactly what they do and achieve the same result. Here's an example css reset (that we use in our core stylesheet). You just put this above all of your custom definitions, and it *should* wipe out all of ours (I've not tested this, but in theory it should work):

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
:focus {
   outline: 0;
}
body {
   line-height: 1;
   color: black;
   background: white;
}
ol, ul {
   list-style: none;
}
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   text-align: left;
   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}