[simon_ramseyParticipant]

Hi,

http://www.senexstudios.com/
Ethos stack

I’m almost ready to launch my website. There are a few finishing touches I need to make, and I would like to know the best practice.

1. My social media links are visible in the footer. They’re dark grey on blackish grey, so are almost impossible to change. How may I best change the images used by these social media links? I like the current style, except I would like them larger and white. I like the blue on focus so ideally would like to keep that.

2. My website logo is used when I try and link my page on social media, which is white text on a transparent background. How may I use a different image when sharing the website socially?

Regards

Simon

[simon_ramseyParticipant]

This reply has been marked as private.

[simon_ramseyParticipant]

This reply has been marked as private.

[NicoModerator]

Happy to hear that.

Feel free to ask us again

Thanks.

[simon_ramseyParticipant]

I’m still unsure about the best way to approach this.

1. My social media links are visible in the footer. They’re dark grey on blackish grey, so are almost impossible to change. How may I best change the images used by these social media links? I like the current style, except I would like them larger and white. I like the blue on focus so ideally would like to keep that.

2. My website logo is used when I try and link my page on social media, which is white text on a transparent background. How may I use a different image when sharing the website socially?

[JoaoModerator]

Hello There,

1- Add the following code to Appereance Customizer Custom CSS

.x-colophon.bottom .x-social-global a {
    color: white;
    font-size: 30px;
}
.x-colophon.bottom .x-social-global a:hover {
    color: blue;
 }

Change blue for the desired color.

2 – On Appereance Customizer Social you have the social fallback image > set the desired image there.

Hope it helps

Joao

[simon_ramseyParticipant]

Thank you! I already had the Fallback image set to on I wanted and it still prioritised my page logo. Not sure if I just needed to reset cache but I’m going to use Yoast to set the image instead.

Cheers for your help

[simon_ramseyParticipant]

Fallback image is set to the image I want to use.
Image for the home page is also set using Yoast to be the image I want to use.

https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.senexstudios.com%2F

og:image is still set to the logo image which I don’t want to use (white on transparent background).

Not sure what I’m doing wrong? I’ve reset browser cache so shouldn’t be that.

[simon_ramseyParticipant]

Right. Well NOW it works. Nevermind 🙂

Thanks for all your help

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts