Call for action section not showing background image via css

Shapely
1

I tried setting the background image for the call for action section via custom/extra css:

.cfa {
background: url(“https://chewingscum.com/wp2017/wp-content/uploads/2019/02/instagram-logo.jpg”);
}

but the image is not showing. The image url works in a browser.

2

Hey there

Please always include link to the page to check the problem

3

Hi Noda,

Herewith:
https://chewingscum.com/wp2017/

4

Good evening

Please try this code:

div#shapely_home_cfa-2 {
background-image: url(https://chewingscum.com/wp2017/wp-content/uploads/2019/02/instagram-logo.jpg);
background: transparent !important;
}

5

Thank you for the code Noda. Unfortunately it doesn’t show the background image.

Any other suggestions?

Best

6

Hello

Try this code please:


#shapely_home_cfa-2 .bg-secondary {
    background: #f5f5f5;
    background-image: url("https://chewingscum.com/wp2017/wp-content/uploads/2019/02/instagram-logo.jpg");
}
7

Thanks Noda, this works - only need to change image size; now the image is repeated. What would be the ideal size, so it won’t repeat?

8

Good morning

You can use this code:


#shapely_home_cfa-2 .bg-secondary {
    background: #f5f5f5;
    background-image: url("https://chewingscum.com/wp2017/wp-content/uploads/2019/02/instagram-logo.jpg");
background-repeat: no-repeat;
background-size: cover;
}