Additional CSS Missing from Block Themes

  • I’m trying to master these new block themes but can’t figure out where to put additional CSS because the traditional customize option no longer exists. I have an auto-blog which needs to use CSS to hide images in post content because otherwise the featured image will be duplicated.

    On top of this it seems the block editor doesn’t let you change color pallets for the entire theme at once. I just changed all the link colors on the home page but found out every other template kept the same old colors, how do I make sure that changes to one template changes all of them?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    My recommendation would be to ask at your theme’s support channel. They may have an easy solution.

    Thread Starter wpbroken2much

    (@wpbroken2much)

    This problem happens with multiple themes. It seems WP screwed up by removing the additional CSS option from the appearance section of the admin area.

    Also, it wouldn’t make sense to approach the theme authors because doing this within a theme itself is a bad idea. Does WP know the meaning of “if it ain’t broke don’t fix it?” The additional CSS like the rest of the traditional system worked great and did not need changing. I have classes that must be applied to every site of mine no matter what theme it uses, so it would not make sense to seek theme specific solutions to what has always until now been solvable without altering the theme.

    This problem happens with multiple themes. It seems WP screwed up by removing the additional CSS option from the appearance section of the admin area.

    Hi @wpbroken2much are you using one of the default Twenty * block themes?

    If that’s the case these themes use Gutenberg Blocks to customize the header, footer, and body so the file structure is different. If you are using one of them you can open Additional CSS from the Appearance > Editor. Once you are in the editor click on the Global Styles icon at the top-right sidebar. You can follow the steps shown in the screenshot below.

    Screenshot 2023 03 22 at 21 35 27

     I just changed all the link colors on the home page but found out every other template kept the same old colors, how do I make sure that changes to one template changes all of them?

    How did you change the link color for the homepage? — using Global Styles settings is supposed to allow you to change the color throughout your site.

    However, all this is depended on the theme as @t-p mentioned. Which one are you using?

    lisa

    (@contentiskey)

    if you are using WordPress version 6.1.1 with a full site editing theme try a link like this:

    yoursite.com/wp-admin/customize.php

    to get to the additional css area

    Moderator Kathryn Presner

    (@zoonini)

    @wpbroken2much Are you all set here or did you still need any help?

    WordPress 6.2 was just released yesterday, which comes with a new CSS editor, as Thelma mentioned above. You can read more about how that works over here.

    If you still need a hand with something, could you please provide a link to your site so we can have a look directly and also verify what theme you’re using.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Additional CSS Missing from Block Themes’ is closed to new replies.

Tags