Home› Themes

zpBootstrap - adding fonts

Krissnikkers Member
in Themes

Hi guys

I wish to add some fonts which file do I need to add them to?

Also which .css file do I need to change? There are 2 not sure which one :)

Thanks in advance

Kriss :)

Tags:

Comments

  • acrylian Administrator, Developer

    Actually there are 10 css files. The theme relevant iwould be zpBoosttrap.css, the other are from the framework and some extras.

  • Krissnikkers Member

    Sorry, there are 2 which has bootstrap written as it is title is what I meant... :) thanks

    What about the file for putting the font links on? which one has the header details so I can put them on there.

    Kriss :)

  • acrylian Administrator, Developer

    How about the one with header in the name? ;)

  • Krissnikkers Member

    Just found it! LOL... I know HTML and CSS but me and script just went out the window!

    Thanks :)

  • Krissnikkers Member

    Ok having a slight problem here... how can you stop the theme from loading the min.css... or do I have to alter them as well?

    Kriss :)

  • acrylian Administrator, Developer
    edited May 2021

    Actually you should alter the normal css file and then minify it. It's smaller and loads faster.

    But I think you altered the wrong file anyway. The actual theme Css file zpBoosttrap.css (like the theme name) is not minified at all. The plain boostrap.css/min.css files should not be altered as they belong to the boostrap framework @vincent3569 based his theme on.

  • Krissnikkers Member

    oh right... will look into that... thanks... sorry for sounding stupid but not used the .min.css before and I also suffer from ME/CFS and my brain is really not awake at the moment... :)

  • Krissnikkers Member

    Ok, I have tried to change the size and font for the h5 and it is being overridden by bootstrap.min.css...

    This is what I am putting into the zpbootstrap.css...

    h5 {
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 15px !important;
    }

    I have put the fonts into the correct PHP...

    /images/favicon.ico" />
    /css/bootstrap.min.css" type="text/css" media="screen" />
    <?php if (($_zp_gallery_page == 'index.php') && ($isHomePage)) { ?>
    /css/flexslider.css" type="text/css" media="screen" />
    <?php } ?>
    <?php if (($_zp_gallery_page == 'album.php') || ($_zp_gallery_page == 'favorites.php') || ($_zp_gallery_page == 'news.php') || ($_zp_gallery_page == 'pages.php') || ($_zp_gallery_page == 'search.php')) { ?>
    /css/jquery.fancybox.min.css" type="text/css" media="screen"/>
    <?php } ?>
    /css/zpBootstrap.css" type="text/css" media="screen" />


  • acrylian Administrator, Developer

    Sorry, I am in that detail familar with this theme so I cannot help with such details.

  • Krissnikkers Member

    Just found something that the author suggests so having a go although so far managed to totally ruin it... LOL... good job it is not live at the moment... :)

    hi
    to change the main bootstrap css rules, you can create your own css compiled files.

    to do that, load the file config.json provided in directory /_bootstrap_3.4.0\bootstrap-compiledof the theme in
    https://getbootstrap.com/docs/3.4/customize/.
    then, edit the rules as you need.
    then, you have to replace bootstrap*.* in directory /css with the new compiled files.

    you can also change specific css values (not bootstrap ones) in /css/zpBootstrap.css.

Sign In or Register to comment.