Services Section and Slider Questions

Good day.

A couple of questions for the theme:

1. I need to change the background color of the services circle when the mouse hovers over it. Found an answer on your support thread (http://www.inkthemes.com/community/threads/services-image-color-zoom.10718/) but frankly it is unclear which part of the code I should change. I tried using it but it turns the color to blue including the circular border around the image. If I want to change just the background what code do I need and which part should I change? Also is there a way to add another service or make the size a bit smaller?
   
2. Can I have the slider in a boxed layout rather than full-width?
   
3. Is there a way to customise it so that it won't be too big or maybe use a different slider on the home page instead of this one? If yes, where would I need to put in the shortcode if I use a different slider?

Thanks in advance for your help.

 

Hello,

1. Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.ch-item:hover {
box-shadow: inset 0 0 0 0 rgba(229, 15, 40, 0.4), inset 0 0 0 16px rgba(229, 15, 40, 0.4), 0 1px 2px rgba(229, 15, 40, 0.4);
}

You can change the value of rgba as per your requirement to change the background color when hover on feature images.

2. For this download the front-page.php file attached with this post and replace it with your theme existing front-page.php file.

File location
themes\businessgrowtheme\front-page.php

This will solve your second and third issue.

 

Hi Piyush,

Thank you for your response.

The code worked successfully in changing the services circle color. I used the front-page.php file and did get the boxed slider. One problem though, I lost the right section of the Contact portion. The map is no longer there as well as the info I had on the address, phone, etc. I checked on the themes options and the info I put in are still there.

Kindly check attached screenshot.

 

Hello,

To make contact us area working go to the
Appearance > Theme options > contact section and either set recaptcha off or add public and private keys.
Check image for reference.



Thanks & Regards
Nitesh Raghuwanshi