Printable View
Thank you very much for your comments, and even more so re the change in </br> :-)
That will save me some typing time!
I'm trying to get the right fonts in for my tagline "The Art of Bespoke Aromatherapy" however that can wait until I've worked out how the fonts work in this version.
Just keep in mind that no matter how pretty a font you pick, it might be substituted by the browser. Make sure the font is going to show up on the other end.
I'm sure it's been asked, but given the number of posts, searching for the answer is a daunting task. So, here's hoping for a response.
When I hover over a product name, which is in dark grey, it vanishes, or, blends in with the white background. How can I change this so when you hover over a product name, you can still see it, just maybe a different color? Does that make any sense?
I'm using zen-cart-v1.5.7-06232020
Wesninster-New 2.0
You can see what I mean here: https://www.flowertownengravable.gif...dex&cPath=1_36
Thanks.
You'll need to look at your stylesheets for an a:hover that is white, #FFF, or #FFFFFF.
Probably, line 496 of stylesheet.css. Change the color to something that works and meets contrast requirements.
Thank you! That worked perfectly. You were spot on.Quote:
Originally Posted by dbltoe
Glad that worked.
You have a nested code error in your template's What's New sidebox. It's adding a div inside an <a> tag.
Page and accessibility errors - https://wave.webaim.org/report#/http...26cPath%3D1_36
Might want to get a favicon from https://favicomatic.com/ Recommend the "Every #$@# size, sir!" Then add the list to includes/templates/YOUR_TEMPLATE/common/html_header.php. Should wind up looking like this around line 60Lastly, you might want to rethink the size of your logo. Most folks want to see product when going to a site (or at least a link to it) but, the size of your image puts all that below the fold.Code:<?php if (defined('FAVICON')) { ?><link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
<meta name="application-name" content=" "/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
<?php } //endif FAVICON ?>
Thank you again. This is all very helpful and I'm taking it to heart. Where do I upload all of the favicon images?
Quote:
Originally Posted by dbltoe
In the root.
Also, I'm sure where or how to fix the nested error you mentioned in my What's New Sidebox.
Thanks,
Tom
Yep, got it. Thanks. Now, how do I fix that nested code error?