Easy to master Astra theme slide setup: Elementor Pro and non-Pro version operation details (05)

Astra ThemeThere are two ways of presenting the slides of

图片[1]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

In the choice of slides (Slides), you need to ensure that you open the elementor Pro version, the ordinary version is not, generally Astra template imported, the pictures on the home page are container background, is not rotatable!

Let's start with the first one that doesn't require elementor Pro version

图片[2]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

Steps: Front-end of the site → Edit with Elementor → Select container → style → image

Generally a small container added inside a large container, the small container is divided into two columns, and then there is a title or text, so that the formation of a non-rotating home page

图片[3]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

First set up the background of the large container, note that the background should be adjusted to Repeat: No-repeat (do not repeat), display size (Display Size): Cover (Cover)

Then replace the template title and text on the line, of course, the template is not the same settings are not the same, if it is the case of two columns, the right side of the picture, then replace the picture on the line!

图片[4]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

As shown below, the two-column form

图片[5]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

The second requireselementor Pro

Steps: Front-end of the site → Edit with Elementor → Select Containers →Slides

图片[6]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

Go to the edit page on the left, slide to the Pro screen and find Slides

Before adding, we need to add Container or Grid (aka container) so that we can control the module's functionality

图片[7]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

Then go to the slideshow module

图片[8]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

There will be content settings and height and some other settings

图片[9]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

The first is the background, as well as the background's base color, if there is a picture background set, the color of the base is also overwritten

图片[10]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

The second is the content presentation of the slides, where the content is replaced, as well as the buttons and jump links, the

图片[11]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

The third one is the content style, if you choose the default one, it will be displayed in the center, if you need other settings and more ways to display it, you need to open the customization feature

图片[12]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

The width is adjusted according to the actual situation, I'm here to the top

图片[13]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

There's also an overall slide styling adjustment, here for the title or description, and buttons, and individual settings

图片[14]-轻松掌握Astra主题幻灯片设置:Elementor Pro与非Pro版操作详解(05)-光子波动网 | WordPress教程、Elementor教程与故障修复

By the time you get here, you'llAstra ThemeThe next installment of this slideshow will cover more features and tricks of the Astra theme!


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by Harry
THE END
If you like it, support it.
kudos0 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments