Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

change link color css
(1 viewing) (1) Guest
Userguide, Report Bugs, New Ideas...
  • Page:
  • 1
  • 2

TOPIC: change link color css

change link color css 12 years, 8 months ago #2884

I need to change link color to match the #730103 - black doesn't show up for users as it blends with text.

I found the Header link css but not the overall template links.

Re: change link color css 12 years, 8 months ago #2886

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Dear Tyrone Jones,

Because many things such as component, module, plugin,.. appeared in the template, you have to change many places (in .css file) in the template.

Each of them has the different link color.

There are two ways here:

* please check and change link color in some related places.

* change link color in whole template by editing the base.css file in "your_root_site/templates/sj_restaurant25 (sj_restaurant17)/css", find:

a {
color: #386073;
text-decoration: none;
outline:none;
}

change to

a {
color: #730103!important;
text-decoration: none;
outline:none;
}

if you do this way, it leads to effect many other link color in whole template.

You can choose one of two ways.

Thanks
Ticket System | Join our Clubs to download our extensions and templates
The following user(s) said Thank You: treat2day

Re: change link color css 12 years, 8 months ago #2895

The !important was the code I didn't include. It worked as it supposed to.

However it created Titles like HOME and Module Heading to change. It is much easier to find these few instances than to look for all links.

Thank You the the code.

Re: change link color css 12 years, 8 months ago #2896

I switched it back.

Example: y meganews frontpage "title" white link changed to the color: #730103; and it was all inherited by the a:link in base.css.

Do I need to change each blog page individually to have links color: #730103 visible and distinguished from regular text?

Paid custom service available to do this?
Last Edit: 12 years, 8 months ago by treat2day. Reason: add service

Re: change link color css 12 years, 8 months ago #2897

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Dear Tyrone Jones,

I think that you should change each blog page individually to have links color as #730103.

If you edit the base.css file, it leads to effect many things on your template.

Thanks
Ticket System | Join our Clubs to download our extensions and templates
The following user(s) said Thank You: treat2day

Re: change link color css 12 years, 8 months ago #2910

Okay

I enter this in the heading and it works perfectly in the blog pages.

<style type="text/css">
a:link {color:#730103;} /* unvisited link */
a:visited {color:#730103;} /* visited link */
a:hover {color:#730103;} /* mouse over link */
a:active {color:#730103;} /* selected link */
</style>
  • Page:
  • 1
  • 2
Time to create page: 0.24 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes