define main page--hover style

[Jerry5763837]

hi, everyone,

a hover problem neeeds your help, thanks.

i am writing main page through Admin->Tools->Define Pages Editor->define_main_page.php

for example,i wrote down following words, and it links to www.example.com:

more information, please click here

the question is:
i want it to change color when mouse hovers on above words?

can you please help??
your reply would be appreciated.

[ScriptJunkie]

Hi Jerry,

First, in case you don't know, begin by making a back up of the file before you edit it.

Second, in case you don't know, set up your file override system before you make any changes to your Zen Cart. Info on that can be found here:

https://www.zen-cart.com/tutorials/i...hp?article=230

https://www.zen-cart.com/tutorials/i...hp?article=143


Next - Just write your main page content and links normally, as you have been, using your define page editor in the admin without worrying about link color. You'll customize the link appearance and behavior in the CSS file.

Next - Locate this file:

/includes/templates/YOUR_CUSTOM_TEMPLATE/css/stylesheet.css

If there is no CSS file in YOUR_CUSTOM_TEMPLATE yet, you'll need to copy it from /includes/templates/template_default/css/stylesheet.css

If there is no YOUR_CUSTOM_TEMPLATE folder yet, go back and read the first two links at the top of this post.

NOTE: the colors codes shown are mine, yours will be different

body {
margin: 0;
font-family: verdana;
font-size: 80%;
line-height: 160%;
color: #111;
background-color: #ffffff;
}

a img {border: none; }

a {
color: #0033CC;
text-decoration: none;
}
a:visited {
color: #0033CC;
text-decoration: none;
}
a:hover {
color: #000060;
text-decoration: underline;
}

Change the color code (bold/red) in the section that's bold/green to whatever you want it to be.

NOTE: this change affects the links on every page in your cart.

Hope this helps

[Jerry5763837]

Hi Jerry,

First, in case you don't know, begin by making a back up of the file before you edit it.

Second, in case you don't know, set up your file override system before you make any changes to your Zen Cart. Info on that can be found here:

https://www.zen-cart.com/tutorials/i...hp?article=230

https://www.zen-cart.com/tutorials/i...hp?article=143


Next - Just write your main page content and links normally, as you have been, using your define page editor in the admin without worrying about link color. You'll customize the link appearance and behavior in the CSS file.

Next - Locate this file:

/includes/templates/YOUR_CUSTOM_TEMPLATE/css/stylesheet.css

If there is no CSS file in YOUR_CUSTOM_TEMPLATE yet, you'll need to copy it from /includes/templates/template_default/css/stylesheet.css

If there is no YOUR_CUSTOM_TEMPLATE folder yet, go back and read the first two links at the top of this post.

NOTE: the colors codes shown are mine, yours will be different

Change the color code (bold/red) in the section that's bold/green to whatever you want it to be.

NOTE: this change affects the links on every page in your cart.

Hope this helps

HI, ScriptJunkie
Thanks for your reply.
Found where the problem is, and fixed it.

Whoops.

[ScriptJunkie]

Good deal!