Adding a background image to title of a section

Arnas_S
New Member
3 0 2

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

Arnas_S_0-1612779951900.png

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

Arnas_S_1-1612780012239.png
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
Shopify Partner
5388 1241 1588

@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!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Arnas_S
New Member
3 0 2

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
Shopify Partner
5388 1241 1588

@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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes