Forum Discussion

jonathancrow's avatar
12 years ago
Solved

Changing the skin for My Settings, Search, etc.

How can I change the CSS/Skin for the pages for My Settings, Search,. etc?
  • AdamN's avatar
    12 years ago

    The My Settings and Search pages are considered to be Community level pages and will automatically use the same skin set for the Community level. If you want to set a different skin for My Settings and Search than what you have for the Community level, this is technically possible but the cleanest way to do it is currently not available through Studio and that customization would have to be performed by Lithium Profession Services. Please file a case if that's something you're interested in pursuing further.

     

    That said, there are approaches that you could do through Studio today to get close to what you want. Let's take the Search Page for example. The internal page name for this page is "SearchPage"

     

    To have different header content for the Search Page, you could go into the wrapper for the skin currently set at the Community level and update the header content to something like:

    <#if page.name == "SearchPage">
         Your new header for the Search Page goes here
    <#else>
         Your existing header content goes here. It will be displayed for all other pages that have this skin set.
    </#if>

     To style the Search Page differently, you can use CSS selectors that are specific for that page. If you examine the source code for the Search Page, you'll notice that the body element has a "SearchPage" class. So if you wanted to create rules specifically for the Search Page, you could do something like this in your skin CSS:

    #lia-body.SearchPage .lia-content ... { ... }

     I hope this helps!