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.