Title: How to work with CSS
Last modified: August 31, 2016

---

# How to work with CSS

 *  Resolved [muthualagappanchess](https://wordpress.org/support/users/muthualagappanchess/)
 * (@muthualagappanchess)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/)
 * Hello,
 * The font size in one if the widgets is very big. I wanted to edit the CSS.
 * 1) Please let me know how to edit. I haven’t done before. I am a beginner. Please
   share me if there is any document.
 * 2) I know the name of the widget. How do I find it in the code ?
 * 3) Should I edit it in child theme or I can edit in parent theme itself ?
 * Regards,
    Muthu

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214054)
 * 1. Appearance> Theme Options> Typography settings is where you control the fonts
   through the admin area. You can also target specific text on the page via CSS
   if you want to be a bit more specific.
 * 2. You have to use a web developer tool such as chrome inspect to find the classes.
   Here is a little tutorial that may be helpful for you.
    [http://www.kadencethemes.com/chrome-inspect-tool/](http://www.kadencethemes.com/chrome-inspect-tool/)
 * 3. You should paste all of your CSS edits to Appearance> Theme Options> Advanced
   Settings.
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214061)
 * Be sure to post a link if you need specific css help from us.
 * Kadence Themes
 *  Thread Starter [muthualagappanchess](https://wordpress.org/support/users/muthualagappanchess/)
 * (@muthualagappanchess)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214078)
 * Hello,
 * Thank you for the response. I am able to understand how to use chrome inspect
   element tool. I have noticed the area where to edit. However there are lot of“
   div” tags. How to edit those. It would be really awesome if you can help for 
   an example
 * [https://8cross8.com/coaches](https://8cross8.com/coaches)
 * In the filter options, the “Expertise” and “Target Student Strength” font size
   is high. How to reduce those ?
 * Regards,
    Muthu.
 *  [k3vmo](https://wordpress.org/support/users/k3vmo/)
 * (@k3vmo)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214081)
 * Highlight ‘Expertise’ , right click, ‘Inspect Element’.
 * I [included a screenshot ](http://cl.ly/452j3v403J1F). Play with the font size
   in the inspector until you find the size you want – then copy that class (with
   the font size) to CSS edits to Appearance> Theme Options> Advanced Settings.
 * Example if you want 15 px for ‘Expertise’ and ‘Targeted..’
 * You would put:
 *     ```
       legend {
   
          font-size: 15px;
   
       }
       ```
   
 * in to Appearance> Theme Options> Advanced Settings.
 *  [laceybeck982](https://wordpress.org/support/users/laceybeck982/)
 * (@laceybeck982)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214085)
 * With our online editor[,](https://in.linkedin.com/in/harsimratkaurbadal) you 
   can edit the CSS, and click on a button to view the result.
 *  Thread Starter [muthualagappanchess](https://wordpress.org/support/users/muthualagappanchess/)
 * (@muthualagappanchess)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214113)
 * Hello,
 * Thank you so much for the guidance. I have made the changes and it works well.
 * One last question. I do make a lot of changes and I want to make a comment of
   why I edit. How do I add the comments to the CSS ?
 * Regards,
    Muthu.
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214114)
 * You can make comments by surrounding the comment with `/*` and `*/`:
 * `/* This is a comment. */`
 *  Thread Starter [muthualagappanchess](https://wordpress.org/support/users/muthualagappanchess/)
 * (@muthualagappanchess)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214123)
 * Hello.
 * Thank you so much.
 * Regards,
    Muthu.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘How to work with CSS’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [edit](https://wordpress.org/support/topic-tag/edit/)

 * 8 replies
 * 6 participants
 * Last reply from: [muthualagappanchess](https://wordpress.org/support/users/muthualagappanchess/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/how-to-work-with-css/#post-7214123)
 * Status: resolved