More fonts.

Home Forums ColorMag Pro More fonts.

Tagged: ,

This topic contains 9 replies, has 3 voices, and was last updated by  Nishan Budhathoki 2 years, 3 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1300743

    Philip Macafee
    Participant

    Is there a way to add more font categories like Header1 or Paragraph. I have added Easy Google Fonts, but it only allows me to substitute the one font for another font for each assigned category. I would like to leave all the current font categories alone and add “MyOwnFont” type and then assign a font to that.

    #1300853

    Bishal Napit
    Moderator

    @pmacafee

    For that, you can load your required font in your site. After that the only thing which remains will be to apply that font to certain class via the CSS code. You can see as for example below about how to apply it:-

    h1, h2, h3 {
        font-family: Arial;
    }

    Here, we have applied CSS for h1, h2, h3 headings with font family of Arial. Here, you can change the values according to your site requirement.
    Thanks.

    #1300863

    Philip Macafee
    Participant

    But can I create another heading to another heading like, h7 or h10 and change the font size also?

    #1300866

    Bishal Napit
    Moderator

    @pmacafee

    You might be able to do so but according to the HTML tag, h7 and h10 is of no use and does not fall under HTML tags. Thanks.

    #1300870

    Philip Macafee
    Participant

    Is there a way to create another tag like paragraph?
    My problem is that I have used these tags elsewhere in the site, and I do not want to change the existing tags. But I now want to use more fonts and it would be good if I could use another tag.

    #1300908

    Bishal Napit
    Moderator

    @pmacafee

    Probably there is no other tags for the paragraph except p. But, you can use the content differently via <p class="contents-area">contents</p>. And for applying the CSS for this part, you can try the below CSS code in the Additional CSS Box provided via the Customizer Options and check:-

    .contents-area {
      font-size: 20px;
      font-family: Arial;
    }

    Thanks.

    #1301147

    Philip Macafee
    Participant

    Bishal, I added the CSS code to the Additional CSS Box in the Customizer Options but I am confused about the where to put the “<p class=”contents-area”>contents</p>”. I added it to the beginning of the text box, but no luck.

    #1301164

    Hello @pmacafee,

    It is a HTML code and you can enter the code in the content section of the text widget.

    <p class=”contents-area”>contents</p>

    In the code above you need to replace contents with your actual content in your site.

    Regards,
    ThemeGrill Support Team

    #1301170

    Philip Macafee
    Participant

    Got it working. Thanks

    #1301176

    Hello @pmacafee,

    Glad to know that your issue has been solved.Feel free to post any queries regarding the theme if encountered.
    We would be very thankful if you could help us too by rating our theme in the wordpress repo here.

    Regards,
    ThemeGrill Support Team

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.