DIY eCommerce Day 20: Customize your Website Header with Elementor Pro Part 3: Style a Section

Short 1 min YouTube video on styling a section in Elementor Editor

Styling a Section

To style a section, click on the “Style” Tab at the “Edit Section” panel.

Style Background

The background function allows you to create a background with color, gradient, image, video or slideshow. Select the “Classic” icon to insert either color or image.

Click on the hover tab to decide how you like your background to change upon mouse hover (applicable for desktop view)

Background overlay is a layer of color, image or gradient that you create over your original background.

The border function allows you to style your border. If you add border radius, your corners will be rounded. Click on the Box Shadow icon to create a shadow effect for the section.

You may play around with the shape divider to explore how it looks. You can also use the Typography tab to decide on the standard Typography colors for all elements within this section.

Feel free to share your work with us in the comments below or ask questions! :)

    Leave a Reply

    Your email address will not be published.



    Click one of our representatives below to chat on WhatsApp or send us an email to [email protected]

    × How can I help you?