gBlock Selector, and difficulty adding Class Names

  • Resolved gamicord

    (@gamicord)


    3 years, 4 months ago

    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

    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

    (@codersantosh)

    Hello @gamicord ,

    Here are answers to your queries.

    1. You can add block id from “Advanced > Block Id” for e.g 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.
    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.