You can perform this from the Sitefinity backend. I have recorded a short video for your convenience demonstrating the steps I took on my side to achieve this.
As you can see from the video I have an image which I have uploaded to Sitefinity under Content -> Images. I get the url of the image and then I click on the Pages tab in order to open the page in edit mode.
After that I drag the CSS widget on the page and paste the css for setting the background image of the content block using the url of the image and save the changes. Then I open the Content block for edit and enter the desired text.
You may refer to the following article
for more details on how to use the CSS widget in Sitefinity.
Regarding your second question, you can find the css class in the CssClass
field in the advanced settings of the content block widget. By default it is set to sfContentBlock
. You can use the default css class and if you would like to have your custom css class you can enter in the CssClass
field the desired class name and save the changes.
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal
and vote to affect the priority of the items