Forum Discussion

lc-garcia's avatar
lc-garcia
Guide
11 years ago

Looking up CSS selectors

Hi there

 

Does anybody know of a practical way to tell where certain CSS selectors are being used across the Community. Say, for example, I want to edit the look of 

 

#lia-body .lia-content span.custom-links-menu-title (basically its font color)

 

I just want to make sure that I'm only affecting the Community page and no other place in the category. Is there a way to find out where such selectors apply in HTML code?

 

Gracias,

Luis

  • nathan's avatar
    nathan
    11 years ago

    I'm not aware of anyway to do this other than to search through the source code of all the pages you're worried about.

     

    However, you may be able to solve the problem by using CSS rules that only apply to certain pages. The body tag on each different type of page has a unique class - you can find it by looking at the source code. For example, the main community page has the unique class 'CommunityPage'. If you prefix your css rule with 'body.CommunityPage', you can be sure it will only be applied to the community page.

1 Reply

Sort By
  • nathan's avatar
    nathan
    Executive
    11 years ago

    I'm not aware of anyway to do this other than to search through the source code of all the pages you're worried about.

     

    However, you may be able to solve the problem by using CSS rules that only apply to certain pages. The body tag on each different type of page has a unique class - you can find it by looking at the source code. For example, the main community page has the unique class 'CommunityPage'. If you prefix your css rule with 'body.CommunityPage', you can be sure it will only be applied to the community page.