Option to change Font

Home Forums ColorMag Free Option to change Font

Tagged: ,

This topic contains 11 replies, has 6 voices, and was last updated by  Ashish 2 years, 2 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1082333

    drpepperzz
    Participant

    Hello Community,

    I’ve recently downloaded the colormag theme and was wondering if there is an option to configure the font.
    I am using the theme for a website in Japanese and would greatly appreciate it if someone could help me with this problem.

    Sincerely,

    Yoshiya

    #1082650

    Bishal Napit
    Moderator

    @drpepperzz

    Please specify the exact problem so that we can help you easily. Also, changing the font family will be available in the pro version of this theme, which we are working on and will make it available as soon as possible. Thanks.

    #1082961

    drpepperzz
    Participant

    Dear Bishal Napit,

    Thank you very much for the instant reply!

    I kind of figured out how to fix what I was trying to do by using the custom css in the customizer.

    I don’t know if I did this correctly, but this is what I applied to it make the font look better for a website in Japanese.

    }
    /* =GLOBAL
    ----------------------------------------------- */
    body,
    button,
    input,
    select,
    textarea {
    	color: #444444;
    	font: 16px メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    	line-height: 1.6;
    	word-wrap: break-word;
    }
    body {
    	background-color: #eaeaea;
    }
    /* Headings */
    h1, h2, h3, h4, h5, h6 {
    	padding-bottom: 18px;
    	color: #333333;
    	font-weight: normal;
    	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    }
    p {
    	line-height: 1.6;
    	margin-bottom: 15px;
    	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    	font-size: 15px;
    }
    blockquote p {
    	font-size: 20px;
    	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    	line-height: 1.4;
    	position: relative;
    	padding-top: 13px;
    	padding-left: 40px;
    }
    blockquote cite {
    	font: 12px メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    	font-weight: 300;
    	letter-spacing: 0.05em;
    	float: right;
    }
    #site-description {
    	line-height: 24px;
    	font-size: 16px;
    	color: #666666;
    	padding-bottom: 0px;
    	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    }
    .main-navigation li {
    	float: left;
    	position: relative;
    	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
    	font-weight: 300;
    }
    .site-header .menu-toggle {
    	color: #ffffff;
    	margin: 0;
    	text-align: center;
    	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
       padding-bottom: 0;
    }

    Please let me know if this is any good…

    Sincerely,

    Yoshiya

    #1084375

    Bishal Napit
    Moderator

    @drpepperzz

    You have done it in the proper way, but, try not to load too much font-family, it may hamper the site speed. Also, enqueueing the Google font for this purpose will be the best idea for it. Thanks.

    #1085241

    drpepperzz
    Participant

    Dear Bishal Napit,

    Thank you so much for your help!

    I will try applying the google font right away, and I will definitely be sure to leave a review on this theme ;))

    Sincerely,

    Yoshiya

    #1089871

    Bishal Napit
    Moderator

    @drpepperzz

    If there are any further query, then, please feel free to post them. Thanks.

    #1274055

    Arnould
    Participant

    Hi, I have purchased the PRO version. I have difficulties (I cannot) modify the font size and type of the product description on the ‘one single’ product page.
    Does the fact that the licence is not activated blocks some options ?
    Thank you in advance for a prompt feedback. B rgds – Thierry

    #1274108

    Bishal Napit
    Moderator

    Hi, Arnould.

    If you are asking to change the font size of the product pages, then, can you provide the link to your site as well as which section you want to change it too so that we could provide you with the required solution on this issue more easily. And regarding he license key, it is for the automatic theme update only, it does not effect the theme functionality at all. Can you be sure on it? Thanks.

    #1274132

    Arnould
    Participant
    This reply has been marked as private.
    #1274300

    romosamatya17
    Moderator

    Hi there,

    Paste this CSS code in the Custom CSS Box provided through the Customize Options:-

    .woocommerce div.product .woocommerce-tabs .panel p {
      font-size: 19px;
    }

    Thanks.

    #1313742

    chndnjain
    Participant

    Hi there,

    I have installed the Colormag theme and also have converted into a child theme. I want to change the font size of the head title, but it seems none of the css code has any effect on it. Kindly help

    Thanks

    #1313792

    Ashish
    Moderator

    Hello, @chndnjain

    Can you provide us URL of your website so that we can inspect it and give you a proper solution?

    Regards,
    ThemeGrill Support Team.

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

You must be logged in to reply to this topic.