Hi,
I have the following css reset, and it is affecting the default styling of generated content, for example, bulleted list or numbered list are appear as paragraph because of the css reset.
is there a way to fix this ? I don't know how the inline-styling are generated in CKEditor, so I am wondering if there is a place I can edit in CKEditor that allows me to add more styling to be generated with the content that will override the css reset.
For example, for ol, lu the reset is setting the list style as none, if I can update the inline-styling to add a new element to ol such as style="list-style:circle" or "list-style:disc" based on list type, then I think the css reset issue will be solved.
Could you please share some thoughts about how I can tackle this issue ?
/* Base Components */
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
textarea {
overflow: auto;
}
input {
font-family: Arial, Helvetica, sans-serif;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}/* remember to define focus styles! */
:focus {
outline: 0;
quotes: none;
}/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}/* font family and link */
body{ font-family: Arial, Helvetica, sans-serif; }
a {
color: #0099ff;
text-decoration: none;
}
a:hover { text-decoration: underline; }@font-face {
font-family: 'BebasRegular';
src: url('../fonts/BEBAS___-webfont.eot');
src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/BEBAS___-webfont.woff') format('woff'),
url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
url('../fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.is-hidden { display:none; }