Custom Call For Action Banner

Hi. I would like to add an image to the CFA banner. Is this possible and how do I go about it?

Hi @alwilleford,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

#page .cfa {
    background: url("http://wowslider.com/sliders/demo-10/data/images/dock.jpg");
}

Please change the image URL in the above code to the banner image URL that you want to set to the CFA banner.

Best Regards,
Movin

Thanks. The code got the image on there but there is a repeat, how can I get rid of that. Also, what would be the ideal dimensions of a background image for the CFA space?

Also, I went back into the customizer and deleted the text that I had used since I now had the image I wanted and when I took out the text it also removed the image and action button.

Suggestions?

Thanks. The code got the image on there but there is a repeat, how can I get rid of that.

Please use the below CSS code to achieve this.


#page .cfa {
    background: url("http://wowslider.com/sliders/demo-10/data/images/dock.jpg") no-repeat;
    background-position: center top;
}
Also, what would be the ideal dimensions of a background image for the CFA space?

The ideal dimension of background image is 1286px X 116px

Also, I went back into the customizer and deleted the text that I had used since I now had the image I wanted and when I took out the text it also removed the image and action button.
Also, I went back into the customizer and deleted the text that I had used since I now had the image I wanted and when I took out the text it also removed the image and action button.

There should be some text there to display call to action bar so try just adding a space in the
Call For Action Text field.