Browse styles variations of a child theme in editor

  • I have created a child theme from Twenty Twenty Three, which is a block theme. Twenty Twenty Three theme has style variations like Default, Aubergine, Block out, Canary etc.

    I want to add a style variation to my child theme, so I copy a .json file from Twenty Twenty Three styles variations to my Twenty Twenty Three Child folder inside a styles subfolder. I changed the name of the file and edited the file also. But I can not find this style variation when I Browse Styles in the Editor , I only find the parent theme style variations Default, Aubergine, Block out, etc

    Is it possible to create a style variation in a child theme like this? Any way to do it?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter capbussat

    (@capbussat)

    Thanks, a lot.

    Just a question, where is this menu in Admin Dashboard?

    Appearance > Customize.

    Moderator bcworkz

    (@bcworkz)

    The customizer is hidden with block themes. You can access it by manually typing its /wp-admin/customize.php address into your browser address bar. Don’t bother though, there’s no regenerate stylesheets option I’ve ever seen (or 3 dot icon in the customizer for that matter). AFAIK it is done automatically at run time. That earlier reply appears to be ChatGPT generated. Its output is often useful, but also often flawed in some way. The rest seems reasonable, but I cannot vouch for its accuracy.

    Your browser and server side caching can sometimes retain stale CSS. To get freshly generated data, clear all the respective caches.

    Thread Starter capbussat

    (@capbussat)

    Ok, thnaks. I’ll try to delete cache then.

    Thread Starter capbussat

    (@capbussat)

    Yes, it works thanks. Also, I did not notice before that the child style was placed at the end of all styles and not alphabetically (like the styles from the parent theme). Maybe it was at the end of styles all time…

    • This reply was modified 1 year, 9 months ago by capbussat.
    Moderator bcworkz

    (@bcworkz)

    Enqueued styles without any dependencies could be placed alphabetically, but any dependencies will always be placed prior to the dependent style. A child theme’s stylesheet normally specifies its parent style as a dependency when enqueued. The parent is thus placed earlier and equivalent child style rules will take precedence over the parent’s rules.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Browse styles variations of a child theme in editor’ is closed to new replies.