Public Ticket #1587534
web font


  • Marco started the conversation

    How could I change the font style? I replaced the 'roboto' with some google font on 'style.css' but does not work.

    Does the font style configure/inherit on other file?

  • Marco replied

    OK...I found css in the 'default.hbs' as well and finally able to change the font, so what does the 'style.css' do/impact on the theme style setup? Do I change style in 'default.hbs' only?

  •  162
    Estudio replied

    Hi!, yes! all the main styles of the template are in default.hbs file and the development files are in assets/css folder.

    For example, if you need to do several changes to the template, we recommend you to edit css/style.css then copy and paste into https://cssminifier.com/ then copy the minified output inside default.hbs below this line: http://prntscr.com/jmltdj

    This is only for speed purposes, you can enable css/style.css if you feel more comfortable, example: uncomment these 2 lines: http://prntscr.com/jmluu5 in default.hbs

    Anyway, i will update the template today, so the CSS changes will be a little easier.

    Hope this may help you!

  • Marco replied

    Hi, thanks for getting back, sorry about the last question, clearly I didn't complete read the whole documentation of the theme...

    For v4.7, I see inline css is removed and css is linked back to the sheets in css folders, but you can still add custom css code from line 38 (according to update doc)

    1. Does it mean any css change can be input inline from 38 within the default.hbs and override style within linked css sheet?

    2. And for the v4.7 change link back to css folder, does it mean it give up the advantage of minify css and google speed?

    Thanks for trying tomake the style/css change easier on 4.7 anyway

  •  162
    Estudio replied


    1.- Yes, any change change below line nÂș 38 inside default.hbs  will override the main styles for the template except for externals (like plugins.min.css)

    2.- That's correct too, if you enable css/style.css and css/responsive.css, this will have an impact in the template speed and probably you will get a speed below 80 points on Google Page Speed.

    What we recommend if you want to do heavy changes to the template and don't loose the optimization:

    1.- Edit all your changes on css/style.css

    2.- When you have finished, copy and paste css/style.css content into: https://cssminifier.com/ and copy the output into partials/css/style.hbs and save.

    3.- Reupload your template.

    Let me know if i can help you with anything else.