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 :)

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

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 :)

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

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

Thanks :)

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 :)

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.

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... :)

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...

<link rel="shortcut icon" href="<?php echo $_zp_themeroot; ?>/images/favicon.ico" />
<link rel="stylesheet" href="<?php echo $_zp_themeroot; ?>/css/bootstrap.min.css" type="text/css" media="screen" />
<?php if (($_zp_gallery_page == 'index.php') && ($isHomePage)) { ?>
<link rel="stylesheet" href="<?php echo $_zp_themeroot; ?>/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')) { ?>
<link rel="stylesheet" href="<?php echo $_zp_themeroot; ?>/css/jquery.fancybox.min.css" type="text/css" media="screen"/>
<?php } ?>
<link rel="stylesheet" href="<?php echo $_zp_themeroot; ?>/css/zpBootstrap.css" type="text/css" media="screen" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap" rel="stylesheet">

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

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.