0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

CSS Code copying

Last Post
Search Topic

  • CSS Code copying

    Posted 11 years 3 months ago
    • Hello folks

      When doing Inspect Element in Chrome to look over the CSS codes, I can see the codes from rt_templatename-custom.css. I make some changes manually in the Inspect Element pane such as color, padding and margins. I could see the new CSS codes in the Elements pane..

      My question is - how do I copy the new css codes to paste in the custom.css file?
      What are the main difference between the pound sign (#) and a period (.)?

      Thanks
    #1064668
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: CSS Code copying

    Posted 11 years 3 months ago
    • # is an ID
      . is a class

      copy the CSS selector from the inspector and paste into the custom CSS file - only add the attributes that you actually want to change.

      What dev tools are you using? - in my opinion firebug is the best, then chrome dev tools - then a load of other and IE devtools is the worst.

      For more information on debugging & customising with LESS/CSS please read this blog post http://www.rockettheme.com/blog/coding/1767-basics-debugging-a-customizing-with-lesscss .

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1064673

Time to create page: 0.076 seconds