1. Helix-II
  2. Friday, 04 October 2013
Please help me change the EFFECTS or darkening/lightening of the color of the headers (h1, h2, h3) and other links in the main content and modules.
It is currently darkened or lightened based on the chosen link color in the template. What I want to have is the reverse or interchange - for the default link color to be the color of the links normally then get it darkened when the mouse hover the links.

Please see attached images. I want the chosen color of the link to be as is, and only lightened or darkened when the mouse hovers it.

Thanks.

Note: edited to clarify my issue.
Attachments (2)
Accepted Answer
Hi, Go to template following path "templates\shaper_helix_ii\less" . Open preset.less file. From here you can see the color coding.

Thanks
  1. more than a month ago
  2. Helix-II
  3. # Permalink
Responses (5)
Hi, Go to the template parameter. Here have option to change presets color. See the documentation http://docs.joomshaper.com/component/k2/item/45-helix-ii

Thanks
  1. more than a month ago
  2. Helix-II
  3. # 1
Thanks Jakir. I have already seen that documentation but it doesn't help me in what i need to change.

Again, what I want to happen is for the chosen link color to be exactly that color, no darkening or lightening. The present styling is changing the color of the links to a darker tone. When you hover over the text links, that is only when you will see the chosen color.

I need to replace the effects - from darker to plain/natural color when the text links are normal and then it gets darker when the mouse hovers over it.

I guess it's with the less folder but i'm really not sure. Please help. Thanks again.
  1. more than a month ago
  2. Helix-II
  3. # 2
Would you mind giving an example please. I see "darken" and "lighten" but I just couldn't find the exact line that control those text link colors. :-(

Thank you very much.
  1. more than a month ago
  2. Helix-II
  3. # 3
Hi ,
See the preset.less line no. 16 for link color

//Link color
a:not(.btn) {
color: darken(@link_color,20%);
&:hover {
color: @link_color;
}
}

Just delete darken and lighten then you will get exact color....

Thanks
  1. more than a month ago
  2. Helix-II
  3. # 4


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.