+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Editor Formatblock Paragraphs matching Theme Heading Styles matching

Editor Formatblock Paragraphs matching Theme Heading Styles matching

4 posts, 0 answered
  1. Richard
    Richard avatar
    16 posts
    Registered:
    06 May 2009
    11 Jul 2009
    Link to this post
    Having read through the forum threads on Paragraphs I am still perplexed on where to edit settings so that the editor drop down for paragraph styles (formatblock in the xml configuration file) matches the look of my H1, H2, H3 etc. tags set in my theme css file.

    Also is it possible to have the style allocated from the paragraph selection show up in the editor view? (rather than having to preview or save and go back to the edit page screen).


  2. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    15 Jul 2009
    Link to this post
    Hi Quokka,

    In order to apply the same look to heading tags you need to copy the corresponding CSS rules from your site theme to ~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css. CSS from this file will be applied to RadEditor content area.

    Please let us know if you need further help.

    Sincerely yours,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  3. Richard
    Richard avatar
    16 posts
    Registered:
    06 May 2009
    16 Jul 2009
    Link to this post
    Thank you for your response, this fixes the attributes of the editor window to be exact to the styling of the site however it does not fix the look of the drop down box for Paragraph Style or formatblock (the editor tool name).

    See image: http://www.glenfield.net/sf/sf1.gif

    In the generic Sitefinity install of 3.6  the Heading 1 style looks smaller than Heading 2.

    I would like to edit the settings of this drop down box to match the site style.

  4. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    16 Jul 2009
    Link to this post
    Hello Quokka,

    I suggest that you add the corresponding CSS rules to ~/Sitefinity/Admin/Themes/Default/RadControlsSkins.css with .reDropDownBody selector. For example:

    .reDropDownBody h1, .reDropDownBody h2, .reDropDownBody h3 
        color: #f00; 


    Best wishes,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
Register for webinar
4 posts, 0 answered