How to change font size and font color of sharing description text?

raphaelledergerber · Member · Feb 29, 2016 at 9:49 am
Copy link

Add topic to favorites
Dear all,

How to change font size and font color of sharing description text?

See this (marked text section): https://www.dropbox.com/s/otl9fi6wa3z77uq/Bildschirmfoto%202016-02-29%20um%2010.47.16.png?dl=0

Thanks,
Raphael

The blog I need help with is: (visible only to logged in users)
stefmattana · Staff · Feb 29, 2016 at 2:17 pm
Copy link
Hello Raphael,

In order to change the font-related information, you need to paste a couple of lines of code to edit your CSS, which is the language that ‘draws’ your website’s layout style.

To do that, you need to purchase, if you haven’t done yet, the Custom Design package. With the Custom Domain patch you have a series of color palettes to choose for your website’s layout, and you should be able to change the font family for the whole website. However, if you want a different font and colour for this specific bit of your page, that code should work:
```
h3.sd-title {
color: #fff;
font-family: Courier;
}
```
Replace the #fff with a colour you like (you can browse them from here: http://www.color-hex.com/) and the Courier font family with the font you fancy.

Please past the code onto the CSS editor (Dashboard>Appearance>Customising>CSS).

Hope it’s all clear. Let me know how it goes and if you have any questions. Thanks!
raphaelledergerber · Member · Feb 29, 2016 at 7:42 pm
Copy link
Hi Stefania,

Thanks for your reply.
I pasted this code, but nothing changed.

What’s wrong?

Best regards,
Raphael
stefmattana · Staff · Feb 29, 2016 at 9:47 pm
Copy link
Hello Raphael,

I’m so sorry the code didn’t work.
Would you mind trying that one instead?
```
#page div.sharedaddy h3.sd-title {
    color: #fff;
    font-family: Courier;
}
```
thesacredpath · Member · Mar 1, 2016 at 7:06 am
Copy link
Hi Raphael, since you are using custom fonts, we need to make a bit of an adjustment to the CSS selector on the second code @stefaniamattana gave above. Add the following to your custom CSS and you can adjust the font size (which was originally 11px) and the color.
```
.wf-active #page div.sharedaddy h3.sd-title {
	color: #cc0000;
	font-size: 14px;
}
```
Let me know how things go.
raphaelledergerber · Member · Mar 1, 2016 at 7:33 am
Copy link
Dear both,

Thanks for your help!
Yes, now it works. Great, very appreciated!

Best regards,
Raphael
thesacredpath · Member · Mar 1, 2016 at 9:17 am
Copy link
Awesome, and you are welcome.

No items found.