Change font settings for specific custom headline

Support
#1

hello.

i would like to change font family, size thickness on this particular word. and i want the headline to appear centered.

#2

Hello @joziguy,

Thanks for asking. :slight_smile:

As you are using clasic headline element, please add class name ex- custom-headline-change-font (https://www.screencast.com/t/mddJgFovne). After that add following CSS in X > Launch > Options > CSS:

.custom-headline-change-font {font-size: 25px; font-family: "Times New Roman", Georgia, Serif;}

To center align text, please center align option as shown in screenshot. https://screencast.com/t/OuFS8dNo

Please change font family and class name as per requirement.

Thanks.

#3

cool it worked. one thing didnt work though. i would like to have a font weight of 100. but when i apply different thicknesses nothing changes…

edit: my goal is to have a header on the image. i would like to have a thin font with a bit of letter space. at the moment i am really stuck. it seems like no changes i do in the css do anything. dont know much about css so its a bit confusing. any chance for someone to help me here?

something like this:


any help would be much appreciated!!

#4

Hi There,

Is this your website: http://patricklemmer.com/?

It’s in construction mode so please provide us with your admin account so we can take a closer look.

Thanks.

#5

yes thats my website

#6

Hello There,

I have checked your site and it turns out that Raleway 100 is not loaded on the page which is why font-weight: 100; is not working. To be able to resolve this, you must have the code updated like this:

@import url('https://fonts.googleapis.com/css?family=Raleway:100');

.custom-headline-change-font {
  font-size: 25px;
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
}

Hope this helps.

#7

where must i add it? i added it to theme options->css nothing happens, x->launch->options->css nothing happens, section css nothing happens :confused:

#8

Hi There,

Please try adding that custom CSS under style.css file locates in your child theme.

Hope it helps :slight_smile:

#9

not working :confused:

dont know much about css and all of that so i might miss something here…

edit: ok it works. i forgot to add the class in the section. my bad. thanks for your help guys!

edit: doenst work anymore. something weird is going on.

#10

Hey @joziguy,

I’m very sorry for the confusion here. I will go back to your first post here.

First, you do not need CSS for this because this is readily available. All you need to do is follow the steps below.

1.) Setup a font you’d like to use for your Headline in Font Templates.
2.) Use a Headline (NOT Classic Headline) element
3.) In the Text setting of the Headline element, choose the font template you created in the first step.

Here’s a demo of the steps.

If you wish to continue using the Classic Headline, you need to investigate the CSS issues on your own or hire a web developer. We have an in-house custom development team ready to assist you further. You can contact them at pinnacle@theme.co

Thanks.

#11

wow. perfect. it works. thank you so much for your help!

#12

You’re welcome.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.