• Resolved jayka

    (@jayka)


    Hello,

    I am having an issue with some blocks; the text seems to get underlined when I haven’t chosen it to. It also changes to ‘dotted underline’ on hover.

    It was happening on the blocks of a plugin called ‘Responsive Blocks’, so I contacted them. However, they have not been able to solve the problem and said to contact you…

    It is also happening on another block I have included on the test page aswell.

    Kind regards,
    Jayka

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello @jayka,

    Thank you for reaching out,

    The underline for links in the heading (1 – 6) are related to accessibility, and accessibility is required in the WordPress themes; if you want to disable them, so you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .page:not(.elementor-page):not(.woocommerce-page) h1 a,
    .page:not(.elementor-page):not(.woocommerce-page) h2 a,
    .page:not(.elementor-page):not(.woocommerce-page) h3 a,
    .page:not(.elementor-page):not(.woocommerce-page) h4 a,
    .page:not(.elementor-page):not(.woocommerce-page) h5 a,
    .page:not(.elementor-page):not(.woocommerce-page) h6 a {
        text-decoration: none !important;
    }

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope it helps.
    Best Regards

    Thread Starter jayka

    (@jayka)

    Hello,

    Thankyou, that has worked for the headings. However, I still have the issue on the buttons.

    Do I need to add some more CSS?

    Kind regards,
    Jayka

    Hi @jayka,

    Thank you for reaching out to us,

    Instead of the previous CSS, use this one; I’ve updated it:

    .single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button),
    .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button),
    .page:not(.elementor-page):not(.woocommerce-page) h1 a,
    .page:not(.elementor-page):not(.woocommerce-page) h2 a,
    .page:not(.elementor-page):not(.woocommerce-page) h3 a,
    .page:not(.elementor-page):not(.woocommerce-page) h4 a,
    .page:not(.elementor-page):not(.woocommerce-page) h5 a,
    .page:not(.elementor-page):not(.woocommerce-page) h6 a {
        text-decoration: none !important;
    }

    Hope it helps.
    Best Regards

    Thread Starter jayka

    (@jayka)

    Yes it has worked thankyou.

    You’re welcome.
    I’m glad we could help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.