Jump to content

[Resolved] Basket Link


Recommended Posts

I'm trying to link the basket icon to the basket page in the header, I'm using the Crosshatch Skin, my lack of coding knowledge is letting me down.  I can get it to work but it wants to appear left on the heading but if I get it to appear right on the heading the link doesn't work.  Also, is there anyway of making the basket change colour on hover.  http://theatre-programmes.com

Link to comment
Share on other sites

There is a <div> that is laying on top of the headerLogo <div>. This blocks the link from 'seeing' the mouse cursor.

Try:

In common.css, line 196:
#header .headerSelect .btnViewBasket{

In main.php, from:
<div class="headerContainer">
  <div class="headerLogo">
    <a class="btnViewBasket" href="http://theatre-programmes.com/index.php?_a=basket"><img alt="Welcome - Theatre Programmes" src="/skins/crosshatch/images/logo/default.png"></a>
  </div>
  <div class="headerSelects">
    <div id="search">
      <form method="get" action="/index.php?_a=category" id="searchForm">

to:
<div class="headerContainer">
  <div class="headerLogo">
  </div>
  <div class="headerSelects">
    <a class="btnViewBasket" href="http://theatre-programmes.com/index.php?_a=basket"><img alt="Welcome - Theatre Programmes" src="/skins/crosshatch/images/logo/default.png"></a>
    <div id="search">
      <form method="get" action="/index.php?_a=category" id="searchForm">

This leaves headerLogo empty, but that's OK.

To have an image change color on hover, there will need to be another image of that image in that color, then use a CSS sprite trick or a javascript trick to show it.

Link to comment
Share on other sites

I'm not seeing this, so maybe it got fixed?

I would also suggest in common.css, line 201, change the margin from:

27px 30px 0;
to
46px 30px 0;

This moves the Search bar down a bit so that it's effect does not cover the lower part of the shopping cart image.

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...