Jump to content


Photo
- - - - -

CSS making me crazy...one page looks perfect but others are ruined :(


  • Please log in to reply
2 replies to this topic

#1 grahamd79

grahamd79

    Advanced Member

  • Members

  • 56 posts
  • Country: Country Flag

Posted 26 April 2012 - 04:53 PM

Hi, Worked on home page of trendorg.co.uk. Home page looks good but when start working on inner pages, add similar elements as of home page e.g. content box etc. then those elements catches similar css...how can I differenciate css for each page?

#2 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 26 April 2012 - 05:53 PM

Download

Please Login or Register to see this Hidden Content

and check out

Please Login or Register to see this Hidden Content

to learn about CSS. Also please be sure to watch our Firebug video tutorial

Please Login or Register to see this Hidden Content

.

When you get in to Firebug, if you scroll all the way to the top of the HTML tab in Firebug, you will see the body line, such as (for your site's home page):

Please Login or Register to see this Hidden Content


The CSS selector for this specific page is the class "home". To write CSS for it, just use .home in front of your home page specific CSS.

For additional pages, find the class the same way (scroll to the top), like your "Page 2" link:

Please Login or Register to see this Hidden Content


For this one, the CSS class for your specific page is .page-id-68.

Hope that helps.

#3 grahamd79

grahamd79

    Advanced Member

  • Members

  • 56 posts
  • Country: Country Flag

Posted 27 April 2012 - 04:38 AM

Great...thanks