Title: gBlock Selector, and difficulty adding Class Names
Last modified: November 8, 2021

---

# gBlock Selector, and difficulty adding Class Names

 *  Resolved [gamicord](https://wordpress.org/support/users/gamicord/)
 * (@gamicord)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/gblock-selector-and-difficulty-adding-class-names/)
 * Hello Sir,
    I find it difficult to give **Class Names** to my elements. This 
   means that when I go to “**Advanced**“, then Additional Classes, and I give a
   Class Name to my element, this Class Name is never seen. It is totally invisible
   as if it doesn’t exist.
 * 1.) Where and How can we give Class Names to Elements in Gutentor?
 * 2.) To apply Raw CSS, there’s a notice that says we have to do it in a .{{gBlock}}
   selector{ }
 * See it here– [https://prntscr.com/1ysg4yz](https://prntscr.com/1ysg4yz)
 * What does this mean? And how can we write CSS in Gutentor? Can you Please show
   me a sample?
 * For example, I write a CSS like this:
 * .sample-test{
    font size: 16px; color: blue; font’weight: 400;}
 * How can I write the same thing in Gutentor?
 * Regards

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [codersantosh](https://wordpress.org/support/users/codersantosh/)
 * (@codersantosh)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/gblock-selector-and-difficulty-adding-class-names/#post-15077270)
 * Hello [@gamicord](https://wordpress.org/support/users/gamicord/) ,
 * Here are answers to your queries.
 * 1. You can add block id from “Advanced > Block Id” for e.g [https://prnt.sc/1zvjmzk](https://prnt.sc/1zvjmzk)
 * 2. `.{{gBlock}}` it means the auto-generated dynamic class name of Gutentor element/
   module which is different in every element/module of gutentor i.e [https://prnt.sc/1zvk17s](https://prnt.sc/1zvk17s).
   
   All CSS is written in reference to dynamic Class names so for modifying or adding
   CSS `.{{gBlock}}` class reference is necessary to override
 * 3.For example, To write a CSS like this:
 *     ```
       .sample-test{
       font size: 16px;
       color: blue;
       font’weight: 400;}
       ```
   
 * in raw CSS need to add CSS as below
 *     ```
       .{{gBlock}} .sample-test{
       font size: 16px;
       color: blue;
       font’weight: 400;
       }
       ```
   
 * Best Regards!

Viewing 1 replies (of 1 total)

The topic ‘gBlock Selector, and difficulty adding Class Names’ is closed to new 
replies.

 * ![](https://ps.w.org/gutentor/assets/icon.svg?rev=2144459)
 * [Gutentor - Gutenberg Blocks - Page Builder for Gutenberg Editor](https://wordpress.org/plugins/gutentor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gutentor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gutentor/)
 * [Active Topics](https://wordpress.org/support/plugin/gutentor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gutentor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gutentor/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [codersantosh](https://wordpress.org/support/users/codersantosh/)
 * Last activity: [4 years, 6 months ago](https://wordpress.org/support/topic/gblock-selector-and-difficulty-adding-class-names/#post-15077270)
 * Status: resolved