How to add background images to GC block

You are able to add in a background image to a block in GatorCreator, this article will show you how.

  1. Select the block within the design that requires a background image and go to ‘block style’.
  2. Add a class to the block on the block level (Near the top of block style, just below borders)  in this example I chose to use ‘bgimage’.
  3. Click ‘Add Custom CSS’ just above where you inserted the class name
  4. Write some CSS like the below but make sure the class name matches your entry and the image URL will also need to change depending on your design.

 

.bgimage {background-image: url('https://creator.communigator.co.uk/Assets/Images/Uploads//Images/banner2.jpg')}

5.    As you can see, the background image has now been applied to the block containing a text and button.