Wiki menu

Custom CSS for the Buttons Block element

By following the steps in this instruction, you will be able to add custom CSS for the Buttons Block element. You can use the code snippets provided in the guide to recreate this element, or you can modify the steps to tailor the element to your specific needs.
Screenshot At Dec 05 09 21 04

Step 1. Add custom CSS code


  1. Open the design page you've chosen
  2. Go to the Custom CSS tab
  3. Please copy the following code and add custom CSS code in the provided space
.buttons-with-shadow .btn-primary, .buttons-with-shadow .btn-outline-primary{
box-shadow: 1px 2px 1px red;
}
Дизайн Без Назви (6)

⚠ Note

Please note that the design with Custom CSS must be specified for the page where you want to change the elements

Step 2. Add custom CSS classes


1. Open the page with the Buttons Block element
2. Click on the Buttons Block element to open the right-side menu 
3. Copy the following custom CSS class and add it to the Custom CSS field

buttons-with-shadow
1

Congratulations!

You now know how to add custom CSS code to your elements.  


The result of the work done!

Screenshot At Dec 05 09 21 20
Built with ByteEditor