Gutenberg & custom CSS

  • Resolved Jim

    (@kernix)


    5 years, 12 months ago

    I decided to try using Gutenberg for a post but noticed the blockquote color was wrong. I was given some custom CSS from an admin for OWP from this forum so I used that. It all looks good although I did forget the “.” the first time. Here is the CSS:

    .blockquote {
    border-left: 5px solid #346315;
    }

    But this isn’t about the code. When I previewed the post, the blockquote color did NOT change, so I right-clicked > View source to check the page. Here is the problem – ALL of my custom CSS is in the source on the page. WHY? I added all the CSS via Appearance > Customize and yes, I am using the child theme.

    Why is it showing in the source code when before it did not? Does Gutenberg not allow custom CSS? I reactivated my Classic Editor plugin and the custom CSS is still in the source code. What is going on?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Marko OceanWP

    (@wpfleek)

    5 years, 12 months ago

    Hello @kernix,

    Actually, the correct class for the blockquote, is blockquote without the dot.

    Gutenberg not only allows custom CSS, but you can also define custom classes for each item and then call that class in the block settings.

    For example, you can define 10 different styles for the blocquote and call it from the block settings.

    Hope this helps. Best of luck with your website

    Thread Starter Jim

    (@kernix)

    5 years, 12 months ago

    thanks

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

The topic ‘Gutenberg & custom CSS’ is closed to new replies.