Image in navbar-brand

I’d like to add a logo to navbar-brand. How do I do that correctly? Here’s what I’m working on:
the html is:
<a rel=“home” title=“Olleke Bolleke” href=“” class=“navbar-brand”>Olleke Bolleke</a>
The css is:

.navbar > .container .navbar-brand {
    background-image: url("/img/olleke1.png");
    background-repeat: no-repeat;
    background-size: 54px 48px !important;
    color: red !important;
    font-weight: bold;
    max-height: 100px;
    padding-left: 60px;

The image I placed in a folder img, in my child-theme.

On localhost, this works. On the life site it doesn’t.

I solved it myself. My problem was placing the code in ‘others’ in the theme options. Once I placed all the css in the child theme, it works perfect.

Hi @josf,

Awesome great to see you got that resolved.

Please advise if you have more questions.

Have a fantastic day!