Get This Report on How To Use Styled List Element In Thrive Themes

Get This Report on How To Use Styled List Element In Thrive Themes

Now, whenever someone wants to view the complete list of chapters and lessons offered within the picked module, they can do so with the aid of this icon: Utilize the breadcrumbs to return to the “Module Product” alternatives: If one or both icon toggles are active, then the “Vertical Position” choice will appear on the left sidebar: You can utilize among the offered buttons to decide what kind of placement you would like for each one of them, or for both at the same time: Last but not least, you can change the height of the “Module Item”, by dragging the slider from left to best or by placing a numerical value in the field beside the slider: These choices apply in the case of editing a “Module Product” however the very same guidelines use if you are attempting to modify a “Chapter Product” or a “Lesson Item”. how can i modify html code in thrive themes?.

If you desire to tailor a button from the design template, such as the one showcased above, the following alternatives will appear in the left sidebar: You can change the color of the button, include icons and secondary button texts, alter its positioning and width as you best choose. All alternatives and how to utilize them are detailed in this article from our knowledge base.

Facts About How To Make Roll Over Pop Up Light Boxes In Thrive Themes Editor Uncovered

Naturally, the “Finished” state would enable the user to retake the course if needed, by utilizing the “Go to Lesson” button: Besides the currently existing components you may currently recognize with, you will see 2 extra ones, in the “Apprentice Elements” area – “Description” and “Title”: Keep in mind: these are only available while you are in the “Edit Style” mode of the “Lesson List” element, and they are likewise completely discussed in this article – how can i modify html code in thrive themes?.

Not known Details About How Can I Modify Html Code In Thrive Themes? About How To Make Roll Over Pop Up Light Boxes In Thrive Themes Editor
The Ultimate Guide To How To Use Styled List Element In Thrive ThemesHow Can I Modify Html Code In Thrive Themes? Things To Know Before You Buy

In this manner, you are not required to go back to your Thrive Apprentice course to copy the title or description of each course, however instead, you can simply drag and drop the desired element to your design template, and content pertinent to each of them will be shown immediately. This aspect will show the description pertinent to each lesson, chapter, or module, as you have set it in your Thrive Apprentice course: This aspect works precisely as the formerly discussed one, and it pulls the title of a module, chapter, or lesson from Thrive Apprentice, without needing to manually copy it from your Thrive Apprentice course control panel: The text referring to each of these aspects, as well as to other text items from the design template, can be customized even further in regards to color, format, font style, etc.

The Buzz on How Can I Modify Html Code In Thrive Themes?

Note: This is how you can use the “Edit Design” alternatives when personalizing a “Module” product from your element. The very same principle uses when you are tailoring a “Lesson” product or a “Chapter” one. how can i modify html code in thrive themes?. When you have ended up with modifying the component and want to leave the “Edit Style” mode, click among the two “Done” buttons situated in the bottom part of the page: This will immediately conserve your work and take you back to the “Course Options” sidebar of the “Lesson List” aspect: If the toggle next to this choice is active, then the colors of the element will be acquired from the Thrive Style Home Builder theme or Landing Page on which the component is positioned: Disabling the toggle will set off a color field to appear in the left sidebar: Click it and use the color picker or a HEX/ RGB code to change the color to the preferred one: In order to save your modifications and go back to the “Course Options” sidebar click on “Apply”: The following option enables you to change the course that is currently shown on your page or post: Open the drop-down to see the full list of available courses set up in Thrive Apprentice and just pick the one you want from there: If you wish to change the display settings of the course, click the dropdown field under “Course display level”: This feature will let you define which “top-level” product of the course structure will be shown on your page or post: You can select to show simply the module, the chapter, or a lesson: This alternative will define which products from the course structure will support being collapsed: If both “Modules” and “Chapters” are handicapped, then the “Default state” choice, located right underneath, will not be available.

In order for this alternative to work, you have to make sure that you are utilizing the “Lesson List” component in the material of one of your Thrive Apprentice courses. In this manner, the aspect will instantly identify the course and lesson in which it was put, and thus, automobile collapse the chapters and modules that are not active: Here’s an example of an “Lesson List” element placed inside the very first lesson of my Thrive Apprentice course: Now, with this toggle active, the students will only see the module containing the active lesson, whilst the staying ones will be vehicle collapsed: The more basic choices are offered for the “Lesson List” aspect too, and these can be used to tailor the element even further: If you want to learn how to use these options, please have a look at the different tutorials about each of these on our tutorials page, or in our understanding base.

Getting The How To Use Styled List Element In Thrive Themes To Work

Ideally, this article about how to utilize and tailor the “Lesson List” element was useful for you. If that holds true, do not forget to rate it with a smile listed below:-RRB-.

Not known Incorrect Statements About How To Make Roll Over Pop Up Light Boxes In Thrive Themes Editor The Best Strategy To Use For How To Make Roll Over Pop Up Light Boxes In Thrive Themes Editor

This post will show you how to include the “Numbered List” element to your post or page and how to personalize it – how can i modify html code in thrive themes?. In order to include the component to your post/page, go to the right sidebar and click on the plus indication: Then, a list of all the Thrive Designer components will open.

Share

Facebook
Twitter
LinkedIn
koenders pigeons

Welcome to Thrive Themes Treasure!

Koenders Pigeons is a popular blog with a focus on tips, insights and resources for people who use – you guessed it – WordPress.

Follow me on
Recent Post

Subscribe To Our Weekly Newsletter

No spam, notifications only about new products, updates.

Related Posts