How to change Font size, the Font colour and the type of Font under featured page

Please take a look first at the attached image. Kindly help me with these:

1. Black Arrow - I will like to change the Font size, the Font colour and the type of Font.
2. Red Arrow - I added an image as shown but I will like to make it responsive as the size does not change in small devices like mobile phones/ tablets
3. Blue Arrow - I will like to remove or almost decrease the space below the image

URL is: https://trufflesking.com/

Thanks

 

Hi,

Greetings from InkThemes,

I would be assisting you one-by-one on your queries:-

1. Black Arrow - I will like to change the Font size, the Font colour and the type of Font.

Just use the custom CSS code given below:-

Code:

.feature-tagline-container p {
    font-size: 18px;
    color: #00000;
    font-family: sans-serif;
}

Note:- The above values are the ones that are presently set in your theme, please change the values accordingly

2. Red Arrow - I added an image as shown but I will like to make it responsive as the size does not change in small devices like mobile phones/ tablets

To fix this issue, just use the custom CSS code given below:-

Code:

.feature-tagline-container img {
    max-width: 100%;
}

3. Blue Arrow - I will like to remove or almost decrease the space below the image

To reduce/minimize the space below the image, use the CSS code given below:-

Code:

.featured-tagline-wrapper {
    margin-bottom: 0;
}
.bottom-feature-textbox {
    display: none;
}

Hope this helps...!

Thanks & Regards!
Nitin
InkThemes.com

 

Thank you for your help.

All worked but I still could not get the mobile phones/ tablets to be responsive. please check above - 2. Red Arrow - I added an image as shown but I will like to make it responsive as the size does not change in small devices like mobile phones/ tablets

Kindly give the code.

Also, if you check my website https://trufflesking.com/ on a tablet/mobile phone. There is a big space below the Slider. How can I reduce this?

Thank you so much.

 

Hi,

The code should work for you. It seems you missed something while setting up the code. To make the required changes, we need access to your dashboard.

So, send us your website WordPress login details at [email protected] along with the thread link.
Your Website URL:
WordPress Username:
Password :

We will fix the slider space issue also.

Thanks & Regards!
Nitin
InkThemes.com

 

Sent.

Please check your mail.

 

Hi,

I have sent the details required 2 days ago and I am still waiting for you to make the required changes.

Kindly do this asap.

Thanks

 

Hi,

Hope you are doing good...!

You would be glad to know that we have made changes to your website as per your requirements.

Now the image at the bottom is responsive and the space below the slider on mobile view is also fixed.

Kindly check and acknowledge us for the same.

Thanks & Regards!
Nitin
InkThemes.com