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

Forums / Designing with Sitefinity / Hierarchical Themes

Hierarchical Themes

7 posts, 0 answered
  1. Andrew
    Andrew avatar
    202 posts
    Registered:
    05 Jun 2009
    02 Aug 2010
    Link to this post

    I have created 6 themes, each one a different colour.

    And set my pages to use different ones.

    The issue I am having now is that if I want to change the font size or other colour unrelated settings I need to set it in 6 places. How can I avoid that? How can I have sort of a hierarchi of themes, where all css except for colour settings would be in one file and all colour stuff in separate files?

    Is that even possible?

    Thanks for your help.

    Andrew

  2. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    04 Aug 2010
    Link to this post
    Hello Andrew,

    Thank you for using our services.

    You can create a common style sheet file and place it in some directory of your website different from ~/App_Themes and factor out the rules which need to be there. For example ~/App_Data. Then you can use @import rule in your css files within your themes to add a reference to the common style sheet:
    @import url("PathToYourCommonStyleSheet");


    Kind regards,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Andrew
    Andrew avatar
    202 posts
    Registered:
    05 Jun 2009
    24 Aug 2010
    Link to this post
    Thanks for that.

    Unfortunetely it does not work.
  4. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    24 Aug 2010
    Link to this post
    Hi Andrew,

    Please make sure that you are using full path to the css file as relative paths in CSS are resolved based on the current page path.

    Regards,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Andrew
    Andrew avatar
    202 posts
    Registered:
    05 Jun 2009
    24 Aug 2010
    Link to this post
    I have put the file in a new folder called "css", the file is called "main.css"

    this is what i have put in the css files:

    @import
    url("/css/main.css");


    Is that what you meant?

    And, no, it does not work.

    Thanks

    A
  6. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    24 Aug 2010
    Link to this post
    Hello Andrew,

    By full path I meant - http://www.mysite.com/css/main.css for example.

    Regards,
    Radoslav Georgiev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. Andrew
    Andrew avatar
    202 posts
    Registered:
    05 Jun 2009
    24 Aug 2010
    Link to this post
    I see, in other words the files have to be edited after release on production?

    Thanks

    A
Register for webinar
7 posts, 0 answered