philippagreen Posted October 13, 2015 Share Posted October 13, 2015 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 Quote Link to comment Share on other sites More sharing options...
bsmither Posted October 13, 2015 Share Posted October 13, 2015 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. Quote Link to comment Share on other sites More sharing options...
philippagreen Posted October 13, 2015 Author Share Posted October 13, 2015 For some reason when I alter the code as above I loose the search bar along the top? Quote Link to comment Share on other sites More sharing options...
bsmither Posted October 13, 2015 Share Posted October 13, 2015 I forgot to fix this typo:#header .headerSelect .btnViewBasket{Change to:#header .headerSelects .btnViewBasket{ Quote Link to comment Share on other sites More sharing options...
philippagreen Posted October 14, 2015 Author Share Posted October 14, 2015 Something isn't quite right, If I do all the above, I loose the search bar in the Header space and the footer links all squash up to the bottom right hand edge. Quote Link to comment Share on other sites More sharing options...
bsmither Posted October 14, 2015 Share Posted October 14, 2015 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;to46px 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. Quote Link to comment Share on other sites More sharing options...
philippagreen Posted October 14, 2015 Author Share Posted October 14, 2015 Yes we got it sorted, :-D thank you so very much for all your help, it's very much appreciated :-D Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.