How To Customize Preview Thumbnail Images

Dear InkThemes ,

I have got three questions
1)How do i customize a photo i want to be shown when i share my links .
Something that i follow but failed :
http://www.cypressnorth.com/blog/social-network-media-marketing/how-to-customize preview-thumbnail-images-for-pages-on-your-website/

2)How do i change the color of the separator and image slider switcher .

3)How do i adjust the gap between the "separator and newsletter sign up"

Do help me ! thanks in advance ! happy weekends !


Sincerely,
Redman45

 

Dear InkThemes ,

I have got three questions
1)How do i customize a photo i want to be shown when i share my links .
Something that i follow but failed :
http://www.cypressnorth.com/blog/social-network-media-marketing/how-to-customize preview-thumbnail-images-for-pages-on-your-website/

2)How do i change the color of the separator and image slider switcher .

3)How do i adjust the gap between the "separator and newsletter sign up"(with image uploaded)

Do help me ! thanks in advance ! happy weekends !


Sincerely,
Redman45

 

Follow the link given below, this will solve your issue.
http://www.inkthemes.com/community/threads/urgent-facebook-preview-issue.2764/#post-10899

To change the color of separator,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.slider-wrapper {
border-bottom: 1px solid red;
}

Inplace "red" you can put your color code or color code.


For the image slider switcher issue ,

It is not possible to change its color because it is an image not a color, If you want to change its color then, Go to images directory present in your theme directory and replace your image with present pagination images or edit it.

The name of image is "pagination.png" .

Note:- Use same name and dimension for your edited image and remove the current image.

This will solve your issue.

 

For this issue,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.signup {
margin-top: 20px;
}

You can adjust the value of "margin-top" as per your requirement.
This will solve your issue.

 

Dear Piyush ,

yes thanks !
Thanks . See your post thanks !

Sincerely,
Redman45 .

 

Dear Piyush ,

For my question :"2)How do i change the color of the image slider switcher "
How do i change the color for the slider ?

thanks for the reply in advance

Sincerely,
redman45.

 

Hello,
I have already given the way to change the color of the image slider switcher in the above previous reply.

Follow the link given below, i hope this will help you.
http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/

 

Dear Piyush ,

Thanks ! good day

Sincerely,
Redman45