About me widget 2nd font

Public Ticket #24661

Conversation thread

Jan replied

3 years ago

Customer Reply

Thank you,

You can close this ticket now.

Jan

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the CSS code:

@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
.about-widget .about-me-heading {
    font-family: 'Bad Script', cursive;
    font-style: italic;
    font-weight: bold;
}

Regards,
PenciDesign.

Jan replied

3 years ago

Customer Reply

Hello, and could you please change the font to https://fonts.google.com/specimen/Bad+Script thin?

Thank you, Jan

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the CSS code like the following below:

@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
.about-widget .about-me-heading {
    font-family: 'Sacramento';
    font-style: italic;
    font-weight: bold;
}

Regards,
PenciDesign.

Jan replied

3 years ago

Customer Reply

Hi, and my last question is:

What if I want to add the following sub heading into it with that handwritten font?

"Hi, my name is Silvie"

How would that code look like?

Thank you,

Jan

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

If you want to only change the 2nd font family, please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.about-widget .about-me-heading {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: bold;
}

Regards,
PenciDesign.

Jan replied

3 years ago

Customer Reply

And what if I use another demo where this widget is not created? Should I import the demo which it has and then copy it somehow? Or whats the best way to make it? Thank you, Jan

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

This widget was built with the Elementor Page Builder and Penci Widget About Me widget.

You can customize colors/fonts like this screenshot: https://imgur.com/a/KlfFYSD

Regards,
PenciDesign.

Jan started the conversation

3 years ago

Conversation Start

Hello, how can I add the second font to the About Me (Hi, I am) widget as you have in your demo? Thank you for your help. Jan

Want to join this conversation or access attachments? Sign in first.