Monitor Reply

Support

HandWritten Font

Permalink Browser Info Environment June 18, 2017 at 10:18 PM

I was looking the change the "Great Vibes" font throughout the theme, but in searching the package I am not seeing how this is set or adjusted. Help please.

Type:	Ticket
Status:	Archived

pilipala replied on Jun 19, 2017 at 9:12 pm Permalink Reply

Hi,

You can change the font in the design panel if there is a font there that you want to use, e.g. Arial. But if you want to use a particular font, for example a Google font, the instructions are below.

To change the font in the design panel: In edit mode, click on cog (top left) > Design > Customise > choose Handwritten Text and change the font here.

Instructions for changing Google Fonts on Achillea theme (choose whichever fonts and font styles you want):

1. Change the defaults.less file located here (or another colour less file if you are not using the default colour scheme):

achillea\themes\achillea\css\build\fonts\

@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

So you need to import whichever font you want to use here. Google Fonts will provide the information that you need. If you are not going to use one font, then delete it. Or if you want to keep all of them, but just add another font, then just add in the new font you want.

For example, if you wanted to change Great Vibes to Pangolin, then delete Great Vibes and add Pangolin like this:

@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css? family=Pangolin);

You can combine the families instead if you prefer, e.g.:

@import url(https://fonts.googleapis.com/cssfamily= Lato:400,400italic,700,700italic|Pangolin);

2. Then change defaults.less file located here (or another colour less file if you are not using the default colour scheme):

achillea\themes\achillea\css\presets

Everywhere you see 'Great Vibes', cursive; then you would replace it with the font that you want as per Google Font's instructions, e.g. do a find and replace for 'Great Vibes', cursive; with 'Pangolin', cursive;

Upload both files to your server. Save the modified files elsewhere so that you can keep them to upload again if you ever update Achillea theme, as changes will be overwritten with theme upgrades. By the way, you can also create your own named preset if you prefer, e.g. custom.less. Just copy the defaults.less files in both locations, name them both custom.less and make the changes you need. Then you would select custom in the design panel.

Thanks,

Jennifer

plschneide replied on Jun 22, 2017 at 10:50 pm Permalink Reply

Thanks for the quick reply. I just got back in town and was checking on this. Change I want to make is basic- so no need to import a font - however, I couldn't find the "design panel" - I am using the latest version and I look all over in that area, but I could see anything like what you describe " To change the font in the design panel: In edit mode, click on cog (top left) > Design > Customise > choose Handwritten Text and change the font here."

Thanks in advance for your help.

-----Original Message-----
From: concrete5 Community [mailto:discussions@concretecms.com]
Sent: Monday, June 19, 2017 3:12 PM
To: pauls@studio5d.com
Subject: HandWritten Font : Support

pilipala replied on Jun 23, 2017 at 5:25 am Permalink Reply

If you see the image on this documentation page:

https://documentation.concrete5.org/editors/in-page-editing/the-tool...

They refer to it as a "gear" icon. So when logged in, if you look at the top left, you should see that icon. When you click on it, then you need to select "Design".

Thanks,

Jennifer

plschneide replied on Jun 23, 2017 at 3:40 pm Permalink Reply

Thanks - that is what I thought.

It has been updated and looks like this now:
https://www.screencast.com/t/1Nqbb4Ji6I...

which is where I was going

Then when I click on the design tab I see this
https://www.screencast.com/t/VV1Fs8JabAv...

and I would click on the theme and didn’t see anything, but NOW I see it - when you mouse over the customize shows up and then you can see everything. I was going there but wasn't mouseing over long enough to see that.

All good now -thanks for your help.

-----Original Message-----
From: concrete5 Community [mailto:discussions@concretecms.com]
Sent: Thursday, June 22, 2017 11:25 PM
To: pauls@studio5d.com
Subject: HandWritten Font : Support

pilipala replied on Jun 23, 2017 at 4:08 pm Permalink Reply

Great! Thanks for letting us know -

Jennifer

ConcreteCMS replied on Jul 8, 2017 at 12:02 am Permalink Reply

Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.

Achillea

Support

HandWritten Font

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post