Change color

Hi,

1. How do i change "what we do" and "get in touch" font color when you hover over them?

2. In the contact module where you have pic of the team when you hover over social media icons how to change color of them?

3. In the same contact module how to substitute g+ icon to the email icon (over team picture)?

Thank you!

www.joinchand.com

1. - you mean in menu or in any other place on the page? Could you please create a screenshot and mark those elements on it?
2. Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkTeamOverlay > a:before {
color: #fff;
}


Now modify #fff to your liking.
Remember to enable "CSS override" in template settings - advanced section.

3. Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkContactGplusIcon:before {
   content: '\f003';
}


Remember to enable "CSS override" in template settings - advanced section.

1. - you mean in menu or in any other place on the page? Could you please create a screenshot and mark those elements on it?

hovericon.JPG

Thank you for the rest, i will try it and let you know!

2. Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkTeamOverlay > a:before {
color: #fff;
}


Now modify #fff to your liking.
Remember to enable "CSS override" in template settings - advanced section.

Hi i tried this code, but doesnt seem to work.
Just to make sure i explained it correctly, i need to change the hover over color of the social buttons over the team pictures. See attachment.

And then i asked how to put email icon in the place of google+ icon (same attached picture), and the code did not work either. Any ideas?

3. Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkContactGplusIcon:before {
   content: '\f003';
}


Remember to enable "CSS override" in template settings - advanced section.

Thank you!

To modify the hover background colour please add this to override.css:

Code: Select all

.gkTeamOverlay a:hover {
background: #d87334;
}


and replace the colour code with your own.

And if it goest do g+ icon - i thought you are referring to contact form part...

Code: Select all

.gkTeamOverlay a[data-type="gplus"]:before {
content: '\f003';
height: 48px;
line-height: 48px;
width: 48px;
}


Sweet! That worked like magic! Thank you!

I still need to figure out the font hover over color in "What we do" button i the intro slide.

Is it a:hover { background: #ffffff; }, i should work with or is it font? See attachements

Thank you for all the help!

Code: Select all

.gkIsWrapper-gk_creativity .figcaption > a:hover {
background: #fff !important;
color: #7484ff !important;
}


Please change above colours to your liking and add this code to override.css.

Perfect! That works like charm!

Thank you for help.

P.S Not sure how to mark the post Solved.

W simply left posts open here and do not mark them as solved
If you will have any other questions, feel free to post new forum threads.