IT Consultant Colour Changes

[Derek]

I am currently using the version IT Consultant Pro and I am looking for a way to change the colour of a few parts of Section 1 – the colour that when the mouse hovers over stays red, the “read more” also stays red as well as the little arrows also stay red – how do I change this?

Domain is – http://lgbt7thelement.co.za/

Your help with this would truly be appreciated,

[Sonnal S Sinha]

Hi Derek,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.four_column .read{color:#f900dc !important;}
#copyright ul li:hover a, #copyright ul li.current_page_item a{color:#f900dc !important;}

Regards,
Dave

[Derek]

Hi There,

Thank you for the prompt response, that changed the “read more” section colour to the required colour but did not change the colour when hovering over the boxes or the arrows next to that.

Below is the code that I tried with the colours required

.four_column .read{color:#f957e6 !important;}
#copyright ul li:hover a, #copyright ul li.current_page_item a{color:#f957e6 !important;}

Please help,

Kind Regards

[Sonnal S Sinha]

Hi Derek,

It is an image. You have to change the color of images/readmore-icon_hover.png

Regards,
Dave

[Derek]

Hi Dave,

Where would I change that? Also how do I change the colours of the Service Overview arrows?

Kind Regards

[Sonnal S Sinha]

Which color do you want on hover? I will give you the image.

Regards,
Dave

[Derek]

Hi Dave,

Here you go – #f957e6

Kind Regards

[Sonnal S Sinha]

Hi Derek,

Kindly download the file from here: https://slack-files.com/T02T6CHHY-F37EZLHGR-b5fd575770

Unzip the file and paste all the images in your images folder.

Also add this code in custom css box:

.emp-skills:hover a, .out-pro:hover a, .personal-coaching:hover a, .finance-management:hover a{border:3px solid #f957e6 !important; color:#f957e6 !important;}

Regards,
Dave

[Derek]

Hi,

Ok I downloaded and saved the images to my images – pasted the code into the css box – see the link to what happened – http://lgbt7thelement.co.za/

Not sure how to make them like we need just a different colour.

[Sonnal S Sinha]

Hi Derek,

Kindly send us your URL of the site and WordPress admin details via [email protected]

Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[Derek]

Hi,

Email sent,

Kind Regards

[Sonnal S Sinha]

This issue was resolved from our end. Kindly check and confirm.

Regards,
Dave

[Derek]

Hi Dave,

Thanks for sorting out the hover box, how do I change the images? Also the arrows on the Service overview, how do I change that colour to the same as the hover boxes?

[Sonnal S Sinha]

I have changed all the images including arrows in service overview. Kindly refresh the page.

Regards,
Dave

[Derek]

Hi Dave,

I did and noticed it, just the changes do not appear on Chrome but when i check on IE it appears.

The last box Finance management still has a red image though.

Would I be able to do these changes myself in the future if need be?

[Author]

Posts