Jump to content
Sign in to follow this  
grahamd79

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

Recommended Posts

grahamd79    3
grahamd79

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?

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Download [url="http://www.getfirebug.com"]Firebug for Firefox[/url] and check out [url="http://www.w3schools.com/"]W3 Schools[/url] to learn about CSS. Also please be sure to watch our Firebug video tutorial [url="http://www.pagelines.com/wiki/Custom_CSS"]here[/url]. 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): [code][/code] The CSS selector for this specific page is the class "home". To write CSS for it, just use [b].home[/b] 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: [code][/code] For this one, the CSS class for your specific page is [b].page-id-68[/b]. Hope that helps.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×