Adding a background image to title of a section

[Arnas_S]

Hello everyone,

I have a need to change the section title background. I would want to add a small image file to them. Now it looks like this (circled in red):

And I want it to look like this (also circled in red):

Could you explain what aspects of CSS I could change to add that turkey colored image (I have it as a png file) to the Title of the section? It does not have to be only for this one section. Changing general attributes of all section titles would also work for me. Or maybe there is a plugin for that?

This is the website: https://cinagrobrothers.com/

Thank you in advance

[dmwwebartisan]

@Arnas_S 

Please add the following code at the bottom of your assets/custom.style.scss.css file.

#theme--custom .featured_collection--wrapper header a {
    redius: 50%;
    border: 2px solid red;
    border-radius: 15px 50px;
    padding: 17px;
}

Hope this helps.

Thanks!

[Arnas_S]

Hello @dmwwebartisan,

Thank you for approaching my problem. I was actually asking how to put the turkey-blue colored background image for the heading tile as in the second example? I circled it in red, so the difference would be more clear. Sorry for not making it clear...

Do I only need to add the following command?

background-image: url('my_shopify_fles_manager_url');

Or maybe there is something more so I could adjust it?

Thank you in advance!

[dmwwebartisan]

@Arnas_S 

Oh! that was my mistake. I understood wrong. Sorry for that. 

You are correct just put the code like this.

#theme--custom .featured_collection--wrapper header a {
   background-image: url('my_shopify_fles_manager_url');
}

Let me know if it works and any issues. I will check.

Thanks!