Use the style tab to customize and design elements on your Drupal webpage. The style tab is a powerful tool that lets you create beautiful designs without writing any code.
Follow the steps below to start implementing Styles to your element:
Click on the + icon
Go to the Content tab
Select an element
Go to the Style tab
Typography
Set a color for the Font that is inserted in the element
Set the sizing of the font in the Font Size
Background
Select whether you would like an Image or a Color for the Background of the element
Set an option for the Background Style
Cover scales the image as large as possible
Contain scales the image to show the entire image
Repeat the background image is repeated horizontally
No Repeat the background image is not repeated
Select an option from the Background Position settings
Visual Effects
Set a Border color
Select an option from the Border Style settings
Set round edges to the element in the Border Radius
Set transparency to the element in the Opacity
Set the Drop Shadow this will give the element a shadow cast
Once you’ve selected your preferred settings, you can click on Save Changes and you're done!
These steps can also be reproduced in the Hover Style tab of the element.