Skip to content

Bolding or changing the color of “Continue Shopping Url”

I took the code from inside:
vendor/magento/module-checkout/view/frontend/templates/cart/noItems.phtml

and i’m overiding it here:
app/design/frontendvendor/namespace/module/Magento_Checkout/templates/cart/noItems.phtml

enter image description here

I usually don’t work on a lot of frontend css stuff so i feel like this is a super dumb question. Here’s what i’ve done below and it’s not reflecting on the frontend.

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

/**  @var $block MagentoCheckoutBlockCart */
?>
<div class="cart-empty">
    <?= $block->getChildHtml('checkout_cart_empty_widget') ?>
    <p><?= $block->escapeHtml(__('You have no items in your shopping cart.')) ?></p>
    <p><?= $block->escapeHtml(
        __(
            'Click <a href="%1" style="color:red;">here</a> to continue shopping.',
            $block->escapeUrl($block->getContinueShoppingUrl())
        ),
        ['a']
    ) ?>
    </p>
    <?= $block->getChildHtml('shopping.cart.table.after') ?>
</div>
<script type="text/x-magento-init">
{
    "*": {
        "Magento_Checkout/js/empty-cart": {}
    }
}
</script>

All I’m trying to do is make “here” more noticeable by turning it red or bold so i did some inline styling.. it doesn’t matter but i’ve failed. Probably something to do with less i’d imagine???