Ready Theme Levels question

[Donna]

Hi,

When you mouse over the storefront promo section: left, middle and right you see a highlight (it changes color). How do I remove the highlight?

Thank you for your help.
Donna

[lesliekirk]

Hi Donna,

I moved your post to the Levels ReadyTheme threads, it will help others to find other posts related to this topic.

To answer your question, you will need to modify the CSS for the .sfnt-promo:hover a:after

I would recommend that while you are in development to comment out

<link rel="stylesheet" href="&mvte:global:theme_path;/css/all.php">

and then add

<link href="themes/levels/css/normalize.css" rel="stylesheet" />
<link href="themes/levels/css/base.css" rel="stylesheet" />
<link href="themes/levels/css/scaffolding.css" rel="stylesheet" />
<link href="themes/levels/css/typography.css" rel="stylesheet" />
<link href="themes/levels/css/buttons.css" rel="stylesheet" />
<link href="themes/levels/css/fonts.css" rel="stylesheet" />
<link href="themes/levels/css/forms.css" rel="stylesheet" />
<link href="themes/levels/css/tables.css" rel="stylesheet" />
<link href="themes/levels/css/colors.css" rel="stylesheet" />
<link href="themes/levels/css/slider.css" rel="stylesheet" />
<link href="themes/levels/css/tabs.css" rel="stylesheet" />
<link href="themes/levels/css/floating-placeholder.css" rel="stylesheet" />
<link href="themes/levels/css/magnific-popup.css" rel="stylesheet" />
<link href="themes/levels/css/helpers.css" rel="stylesheet" />
<link href="themes/levels/css/structure.css" rel="stylesheet" />
<link href="themes/levels/css/pages.css" rel="stylesheet" />
<link href="themes/levels/css/custom.css" rel="stylesheet" />
<link href="themes/levels/css/print.css" rel="stylesheet" />
<link href="themes/levels/css/theme.css" rel="stylesheet" />

To the HEAD Tag Content field. This will help you find the line of CSS that you will need to edit by using Google, Firefox or Safari developer tools.

I would also suggest you create a custom.css file and make add your changes to it. Of course, make backup copies of the original files too.

Leslie

[Donna]

Hi Leslie,

I was hoping there would be an easy fix. I would not be able to do this. Since I made the background white the highlight color is very dark and looks bad. Is there a simple way to make it a lighter color so it won't look as bad?

Thank you for your help.
Donna
www.toscanijewelry.com

[Matt Zimmermann]

Hi Donna,

You can add this to your themes.css file to override the default styling:

.sfnt-promo:hover a:after {background: none;}

[Donna]

Hi Matt,

Where would I place the code?

Thank you for your help.
Donna

[Matt Zimmermann]

It can be placed at the bottom of the theme.css file. You would need FTP access to your site and a file editor to make this change. The file is located in the 'mm5/themes/levels/css/' directory.

[Donna]

Thank you!
Donna