search

gersonbenavides / ataraxia-zola

A personal theme for Zola focused on readability that aims to be simple, beautiful, and modern.
https://gersonbenavides.github.io/
Mozilla Public License 2.0
13 stars 6 forks source link

How to put svg file in the home #1

Closed automataIA closed 1 year ago

automataIA commented 1 year ago

Hi. I want to change icons in the config.toml file. how can i use the svg in the dir images/tab.svg if I want replace facebook(or other icon) with an svg?

gersonbenavides commented 1 year ago

Hello,

Ataraxia uses Bootstrap icons through its CDN, these are added within the site as if they were an Icon font found within a CSS style sheet.

So if you check the generated file you will notice that an icon would look like a class of an html tag, something like this:

<span class="bi bi-github"></span>

If you want to include your own icons and that work in the same way in the config.toml file you could upload your svg inside a stylesheet and add it to the theme header in the base.html file. It should look something like this:

<link rel="stylesheet" href="https://your-domain/icons.css">

You can review the style sheet with the bootstrap icons here: Bootstrap Icons