Style the "Continue Shopping" Link

[glennt]

I have spent a couple of days now trying to figure out how to style the Continue Shopping link at the top of the card.

I believe it is generated by this piece of code. The line in red should be the line that writes the text.

<div class="cart-view">
   <div>
      <div class="width50 floatleft">
         <h1><?php echo JText::_ ('COM_VIRTUEMART_CART_TITLE'); ?></h1>
      </div>
      <?php if (VmConfig::get ('oncheckout_show_steps', 1) && $this->checkout_task === 'confirm') {
      vmdebug ('checkout_task', $this->checkout_task);
      echo '<div class="checkoutStep" id="checkoutStep4">' . JText::_ ('COM_VIRTUEMART_USER_FORM_CART_STEP4') . '</div>';
   } ?>
      <div style="font-size: 20; "class="width50 floatleft right">
         <?php // Continue Shopping Button
         if ($this->continue_link_html != '') {
            echo $this->continue_link_html;
         } ?>
      </div>
      <div class="clear"></div>
   </div>

Found in the default.php file in views\cart folder. Any hints would be appreciated.

Thanks in advance.

G

[jenkinhill]

You should look at the generated code, and use Firebug: http://forum.virtuemart.net/index.php?topic=102850.0

The class used for the link is  continue_link  so apply a style for that class to your Joomla template css (so it does not get overwritten by your next VirtueMart upgrade..

[glennt]

I had been trying that but it was not working so I thought I was doing it wrong. Turned out I was using Font-size to test and it wasn't working. It needed the !important tag beside it. When I tried background, that worked right away.

Thanks, your post told me I was in the right ball park anyways, that made it easier to figure out what I was doing wrong.

Cheers!