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
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???