What’s the latest correct way to override them/plugin CSS?

  • Resolved 2dawgs

    (@2dawgs)


    1 year, 7 months ago

    Can someone direct me to the latest recommended way to override/customize theme/plugin CSS in WordPress? I’ve been searching for hours to figure out the latest new way to do something I used to be able to do in 5 minutes.

    All I’ve been able to find in support topics is, “Go to the Dashboard -> Appearance -> Customize… [PENALTY BUZZER] — I USED to do it that way, but there is no longer any Customize option available in the 2023 or 2024 themes. I gather this has been phased out recently? What is its replacement?

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Muhammed Jazeel

    (@jazeelmuhmd)

    1 year, 7 months ago

    Hi @2dawgs,

    I hope you’re well today. I am unaware of any latest ways to override plugins or theme CSS. But the correct, easiest, and traditional way to override CSS is through WordPress Customizer. Access Appearance > Customize > Additional CSS and there you can paste your code.

    Also, you can override the CSS by registering and enqueueing a new style sheet. However, I think the ‘Additional CSS’ option is easy to implement if you have only a few lines of CSS.

    Best Regards
    Muhammed Jazeel

    Thread Starter 2dawgs

    (@2dawgs)

    1 year, 7 months ago

    Hi @jazeelmuhmd, thanks for your reply. Then what should I do when there is no “Customize” option in the Appearance sub-menu? I’m using WP v. 6.6.1 with the 2023/2024 themes. When I go to the Dashboard and hover over the “Appearance” menu, I then only see the options of “Themes” and “Editor”. There is no “Customize”.

    (Sorry for not posting a screenshot… this forum doesn’t allow uploads and the two different image hosting services I tried don’t provide any way to insert an alt attribute, so I gave up on that.)

    I could opt for the enqueue option, but I wanted to make sure that the “Customize” option has not been replaced by something else in the Dashboard.

    • This reply was modified 1 year, 7 months ago by 2dawgs.
    Muhammed Jazeel

    (@jazeelmuhmd)

    1 year, 7 months ago

    Hi @2dawgs,

    When I go to the Dashboard and hover over the “Appearance” menu, I then only see the options of “Themes” and “Editor”. There is no “Customize”.

    Sorry, I forgot that Twenty Twenty-Four is a block-based theme. You can paste and implement the Custom CSS code by installing a plugin called Simple Custom CSS and JS. Install this plugin on your site. Then you can see the ‘Add CSS Code’ option inside the plugin dashboard.

    Hope that’s helpful

    Cheers,
    Muhammed Jazeel

    Muhammed Jazeel

    (@jazeelmuhmd)

    1 year, 7 months ago

    Hi again @2dawgs ,

    There is a way to access the ‘Customize’ option inside block-based themes like Twenty Twenty-Four. Block-based themes also have a ‘Customize’ option. But WordPress hid it in the front end. You can access it by including ‘customize.php’ at the end of your WordPress dashboard URL.

    Example: https://yourdomain.com/wp-admin/customize.php

    Just replace your domain on the ‘youdomain.com’ part. You can see ‘Additional CSS’ option inside the customize screen. So, we can avoid using a plugin for inserting Custom CSS code.

    Cheers,
    Muhammed Jazeel

    Thread Starter 2dawgs

    (@2dawgs)

    1 year, 7 months ago

    @jazeelmuhmd, we have a winner! the Simple Custom CSS and JS plugin is the perfect solution for me. Thank you, sir, much appreciated.

    • This reply was modified 1 year, 7 months ago by 2dawgs.
    Muhammed Jazeel

    (@jazeelmuhmd)

    1 year, 7 months ago

    Hi @2dawgs,

    Feeling happy in letting know that the problem sorted out. I am glad to help you.

    Best Regards
    Muhammed Jazeel

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

The topic ‘What’s the latest correct way to override them/plugin CSS?’ is closed to new replies.