Changing font from Embedded to Desired site-wide?`
Right or wrong, our corporate entity had defined Arial as the font for all web sites. After reading this thread: http://blogs.telerik.com/aspnetmvcteam/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx, it would appear that changing fonts requires more css specificity. I get it but man, changing an entire site, for all Telerik and hand-built controls, is going to be extremely painful. Is there no other way to scrub or override the embedded themes in a less complicated way? I would have thought that by having themes, this would have been a 30 minute task for a site-wide change. Part of the value of Sitefinity, IMO, is the ability to set themes/styles for site instances easily. If I cannot change the font easily, it devalues Sitefinity as a true CMS utility.
On a side-note, why is it that styles needed to be built into the assembly in the first place if building themes with the theme builder is so easy?
Thanks,
Matt
Hello Matt,
Thank you for contacting Telerik Support.
I've got two possible solutions for you. The first one is to include the following css rule in your theme:
body font-family: Arial#wrapper body, #wrapper div, #wrapper span, #wrapper object, #wrapper iframe,#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper p, #wrapper blockquote, #wrapper pre, #wrapper a, #wrapper abbr, #wrapper acronym, #wrapper address, #wrapper code, #wrapper del, #wrapper dfn,#wrapperem, #wrapper img, #wrapper q, #wrapper dl, #wrapper dt, #wrapper dd, #wrapper ol, #wrapper ul, #wrapper li,#wrapper fieldset, #wrapper form, #wrapper label, #wrapper legend, #wrapper table, #wrapper caption, #wrapper tbody, #wrapper tfoot, #wrapper thead, #wrapper tr, #wrapper th, #wrapper tdfont-family: inherit !important html font-family: Arial