Home / Elements

Quotes

Customer Success Team

Last updated on Dec 06, 2023

Add some interesting quotes to make your site content more impressive by adding the ‘Quotes’ Element to your Crafting Area.

To add a quote, push the ‘Add Quotes’ button and click the plus (+) in a new window. Now, simply enter the author’s name and type the quote in the proper fields.

You also add the author’s photo next to the quote. Just hover the Author area and click Upload. Select the desired image in the Dialog Window and push the ‘Open’ button.

Don't forget to hit ‘Save’ once you're done!

You can add more quotes exactly this same way. To edit the quote text further, click the ‘Quote’ icon from the panel and make the desired changes.\ ​

If you want to change the element height, you can do so by moving the green circle controller.

If you want to adjust the width of the element, you can do so by using the black dots on the side of the element.\ ​

Settings - If you have more than one quote, you have the option to edit the Slider Type, Animation Speed, enable AutoPlay and adjust the AutoPlay Delay.

You can also set the Pagination, Arrows and choose the type of Layout you prefer.  Once again, click 'Save' to have the changes saved.\ ​

Style - If you want to change the Quote Element style, push the ‘Brush’ icon from the panel.

You can choose the "Author Text Font Family" from the dropdown Menu and you can adjust the font size with the option below it.

You can also make the text stand out more by choosing a specific color from the palette below it. Just click on the color dot next to 'Author Text Font Color' and choose a custom color and its opacity.

The same steps apply for the Quote Text, if you want to change its Text font, size and the color.

You can also change the Link Color, Link Hover Color, Arrow Color and Pagination Color.

Link - If you want to put a hyperlink on your quote, press on the Quote Element Edit Quotes Choose which quote you want to add the link to**.** Next, select the quote text and press the hyperlink button (Ctrl+K).

Once you press that button, the Link Menu will show up and you can add your hyperlink. You have the option to put an Internal Link or External Link.

Internal Links are links from your own website. When you open the internal link tab, you'll see the button 'Select Inner Page.' Once you press it, you'll be shown all of your pages and you can choose which one you want the quote to redirect to.

External Links are links from outside your website. You have the option to choose what type it is:

  • http://

  • https://

  • mailtp:

  • tel:

  • custom

For both internal and external links, you also have the option to allow your link to Open in New Tab and enable NoFollow Link.

TIP: A NoFollow link is a link that does not count as a point in the page’s favor.

Finally, don’t forget to save all settings by pushing the ‘Save’ button.

Alignment - To change alignment settings of the element, click on the ‘Alignment’ icon you’ll have three options available: top, center, bottom, just choose the one, you prefer.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.\ ​\ Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP. \ ​\ Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This works well with User Account element and can come in handy if you want to hide some content from users until they sign up to your website.

Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page in a blink of an eye.

Once you've added the quote you wanted, check out the rest of the Elements out there in the Elements section to make your site more efficient, functional as well as eye-capturing!