TikTok Embedder
Last updated
Last updated
Settings | Meaning |
---|---|
Layout | Choose the maximum width of the section on Desktop. The options are Default (width of the body content set in the Theme Settings), 1170px, 1770px and Full Width (the width of the browser). To fit more videos in a row, a wider layout is more appropriate |
Padding Container Full Width | Determine the custom left & right spacing for Full Width layout. |
Spacing Top / Spacing Bottom for Desktop, Tablet, Mobile | Set the spacing of section from the top for desktop, tablet and mobile device. |
Background Color | Apply the color to the background of the section. |
Background Gradient | Apply the gradient to the background of the section. Background gradient will replace Background Color if any. |
Settings | Meaning |
---|---|
Title | Enter the text for the heading of the section. |
Title Font Size | Determine the text font size of the heading ranging from 10 to 80px. |
Title Font Size Mobile | Determine the text font size of the heading on mobile device ranging from 10 to 80px. |
Title Font Weight | Select a font weight for the heading. Options are: Normal, Medium, Semi Bold, Bold, Bolder, Black. |
Title Color | Apply a color to the heading of the section. |
Title Margin Top | Determine the spacing of the heading from the top. |
Font Style | Select the style for the heading text. Options are: Normal, Italic and Oblique. |
Enable Title Border? | Toggle the border of the heading. |
Title Underline Style | Select the style for the underline/border of the heading. Style 1 is typical underline style. Style 2 is partial background for the heading. |
Title Underline Color | Paint the color on the heading underline/border. |
Description | Enter the text the section description. |
Description Font Size | Determine the font size of the description ranging from 10 to 80px. |
Description Font Size Mobile | Determine the font size of the description on mobile device ranging from 10 to 80px. |
Description Font Weight | Select the font weight for the section description. Options are: Normal, Medium, Semi Bold, Bold, Bolder, Black. |
Description Color | Paint color onto the section description. |
Description Margin Top | Determine the spacing of the description from the top (heading), ranging from 0 to 100px. |
Content Max Width | Determine the maximum width of the description text, ranging from 100 to 1000px. |
Button Type | Select the type of the section button. The styles are: button, link. |
Link | Determine the link for the button to redirect to. |
Button | Enter the text for the button/link. |
Button Font Size | Determine the font size for the button text. |
Button Width | Determine the width of the button. |
Button Spacing Top | Determine the spacing of the button from the top. |
Color, Border Color, Background Color, Background Gradient, Hover / Active Color, Hover / Active Border Color, Hover / Active Background Color, Hover / Active Background Gradient | Paint the color to the button text, background, border for both normal and hover/active states. |
Button Text Transform | Select the transform style for the button text. The options are: None, Uppercase, Lowercase, Capitalize. |
Button Font Weight | Select the font weight for the button text. The options are: Normal, Medium, Semi Bold, Bold, Bolder, Black. |
Link To Text | The text for the link at the end of the section. |
Logo | Upload an image for the link at the end of the section. |
Custom Logo Width | Determine the logo width. |
Link to Instagram | Enter the link to navigate to. |
Text Font Size | Determine the font size for the link text. |
Text Font Size Mobile | Determine the font size for the link text on Mobile device. |
Text Font Weight | Select the font weight for the link text. The options are: Normal, Medium, Semi Bold, Bold, Bolder, Black. |
Font Style | Select the style for the text of the link. The options are: Normal, Italic, Oblique. |
Link Margin Top | Determine the spacing of the link from the above content. |
Text Color | Paint the color onto the link text. |
Hover / Active Color | Paint the color onto the link text when hovered/clicked. |
Text Align | Select the position of the link to be either to the left, right or center. |
Columns per row | Select the maximum column count of the section on Desktop. |
Videos margin from top | Determine the spacing of the Tiktok videos from the above content. |
Layout Mobile Responsive | Determine the layout for the Tiktok videos when the screen is smaller than 1025px. The layout options are: List, Scroll Snap and Slider. |
Settings | Meaning |
---|---|
Arrow Color | Paint the color for the arrow icon of the slider layout. |
Arrow Background Color | Paint the color for the arrow background of the slider layout. |
Arrow Border Color | Paint the color for the arrow border of the slider layout. |
Arrow button size | Determine the size of the arrow button. |
Number Color | Paint the color for the slider count text. |
Number Font Size Mobile | Determine the font size of the slider count text. |