Custom CSS styles

Does appointment-pro have Custom CSS styles so I can customize style sheet?
Tagged:

Comments

  • Hi

    Add your custom style into 
    Appearance << Customizer << Header setting << custom css box , 


    Thanks
    Akhilesh


  • edited March 2016
    thanks, 
    then, if I write css code like the one I attached, I can change the overall font, right?
  • Hey masaist

    let us confirm which font you wan to change because if you want to use third party font then its need code customization.

    Thanks
    Abhishek
  • Thank you, Abhishek

    Pls find the code below. I changed the highlighted part from 
    "Helvetica, Arial, sans-serif
    to "メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”".

    changed part is

    Appearance>customize theme>template>style sheet

    body {
        padding:0;
    background: #ffffff;
        color: #727272;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 25px;
    background-attachment: fixed;
    }

  • Hi

    Did the  above solution work for you ?

    Thanks 
  • Some part changed, but others haven't
  • Hi
    Which part of content font did not change .
    Pls clear so that we can assist you better.

    Thanks
  • Hi
    Which part of content font did not change .
    Pls clear so that we can assist you better.

    Thanks
  • pls find the attached capture

    and below is my custom css
    --------------------------------------------------------------------
    body { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック" !important; } .menu-item li { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック" }.top-contact-detail-section { padding:4px 0 ; } .contact-area { padding:16px 0 ; } .contact-area h4 { font-size:22px } .footer-contact-detail-section { margin: 0px !important; } .footer-section-heading-title { margin: 0; } .footer-contact-area h4 { font-weight: 600; font-size: 22px; }/*Homepage Carousel Bootstrap Slider Section------------------------------------------------------------------*/ .slide-text-bg1 h2 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .slide-text-bg2 span { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .slide-btn-sm { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } /* Direction Nav */ .carou-direction-nav a:before { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } /*Top Callout Section-------------------------------------------------------------------------------------------*/ .contact-area h6 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .contact-area h4 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } /*Section Title-------------------------------------------------------------------------------------------------*/ .section-heading-title h1 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .section-heading-title p { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .service-area h3 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .service-area p { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .callout-section p { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .callout-btn1 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; } .callout-btn2 { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック"; }
    font1.PNG
    34K
  • Hi, if more info is necessary, pls kindly lemme know

    Masa
Sign In or Register to comment.