• hi guys,
    i just want to remove default underline from links and make links bold, what custom css should i use?

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

    Please share a live URL.

    ___
    You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
    https://developers.google.com/web/tools/chrome-devtools/
    https://developer.mozilla.org/en-US/docs/Tools
    CSS Tutorial: https://www.w3schools.com/css/

    Best Regards

    Thread Starter prysiwo

    (@prysiwo)

    i mean links on pages/posts
    e.g.
    https://savvysole.com/regulamin-sklepu/

    Hello @prysiwo,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .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) {
        text-decoration: none !important;
        font-weight: 700;
    }

    If you need to add color and set hover you can use the CSS below:

    .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) {
        color: #dd9933;
        text-decoration: none !important;
        font-weight: 700;
    }
    
    .single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button):hover,
    .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
        color: #000;
    }

    Best Regards

    Thread Starter prysiwo

    (@prysiwo)

    thank you, i appreciate it

    Hello @prysiwo,

    You’re very welcome, glad I could help.

    Best Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Style of links’ is closed to new replies.