Results

Search Results for: content pattern

How to use the Background Section element

The user interface of the Thrive editor has been upgraded!
Please, check out the changes here, before proceeding.

With the help of the "Background Section" element you can add backgrounds with various styles to your page and customize them to your liking. Here is how to do that:

Start by clicking on the plus sign from the right sidebar to open the list of elements. Then look for the "Background Section" element and when you have found it, drag & drop it to the desired place on the page:

 At first, you will see no major changes, only a blank element added to your page.

You will need to use the options of the element that opened in the left sidebar to customize the background section to your liking and then, add content to it.

1. Main options

Inherit from landing page

If this option is active, then you will not be able to change the width of the "Background Section", since this will be inherited from the landing page that you are using.

By default, this option is active. If you want to customize the width of the "Background Section", then you will have to deactivate the "Inherit from landing page" option by clicking on the switch next to it:

Content Maximum Width

If you have deactivated the "Inherit from landing page" option, then the "Content Maximum Width" option will appear, along with the "Content covers the entire screen width area" option, which may also be activated by default.

If you do not want the content that will be placed in the "Background section" to cover the entire screen width and you would rather adjust the width yourself, then deactivate the "Content covers the entire screen width area" option, by clicking on the switch next to it:

This will make the "Content Maximum Width" option available and you will be able to adjust the width of the "Background Section" by either dragging the slider under this option or entering a value manually into the box next to it:

Section Minimum Height

With the help of this option you can adjust the height of the "Background Section". To modify the height, simply drag the slider under this option or enter a value manually in the box next to it:

In case you want the height to match the screen, all you have to do is to click on the switch next to the "Match height to screen" option, to activate it:

Activating this will make the "Section Minimum Height" option unavailable, since the height of the background section will match that of the screen.

Vertical position

Customizing the "Vertical Position" is another option that you have here. You will see the changes regarding this option, after you have added some content to your "Background section".

The "Vertical Position" option allows you to choose how to align the content that will be in the "Background section". You can choose to position the content at the top, bottom or center inside the background section, by clicking on the preferred position from this section:

2. Background Style

Besides the "Main options" the more general options are also available for the "Background Section" element. We have separate tutorials about each of these in our knowledge base. So, if you need detailed instructions on how to use these, please consult our tutorials here

Out of these general options, the "Background Style" is very important when it comes to the "Background Section" element.

This option allows you to add different types of layers to your "Background Section". You can add a "Solid color", an "Image", a "Gradient", a "Pattern" or even a video as a background. Furthermore, you can add "Background effects" as well.

These work well on their own, as stand alone backgrounds; but they can also be used in a more complex way. The 'Solid color', the 'Gradient' and the 'Pattern' could serve as effects for an image background for example.

Solid color

In order to add a "Solid Color" as a background, click on the color option (first option from the "Add layer" section). A color picker will open. Select the color you would like from it (a) and then, start to drag the line (b) to set its opacity.

When you are satisfied with the color and its opacity, just click on "Apply" (c):

Image

To add an image as the background style click on the second option from the "Add layer" section. Then, click on the "Choose image" section (a) to add the image from your Media Library.

Once the image is added, you will be able to choose where to display it (b), using the "Image Display" drop down, as well as the option next to it. Furthermore, you will also be able to choose whether or not you want it as a static background (c):

Note: If you choose to make the image a static background then, the image itself will not move when visitors will scroll down on your page.

Only the content will be dynamic, whilst the background will be static. This is very similar to creating a parallax effect.

Gradient

If you wish, you can choose to add a gradient as your background style as well. In order to do this, click on the third option, which is the "Gradient", from the "Add layer" section. The gradient that you add can be linear or radial. Select it from the "Orientation" section (a) by opening the drop down and selecting the preferred option. If the effect is linear, you can also choose its angle (b).

You can also set a color and its opacity (c) in order to make your background suitable for your needs.

Pattern

Last, but not least, you also have the possibility to add a "Pattern" as a layer for your background. You can choose a pattern, from the "Select pattern" section (a), and you can also set its color, as well as opacity if you click on the "Color" option here (b): 

Video

The "Background Style" also lets you add a video to the background section. In order to do this, you only have to turn on the "Video Background" option, select the source you want to upload the video from (YouTube, Vimeo, Wistia or Custom - from your own device) and then, follow the steps according to the source you have chosen:

After you do this, the video will be played in the background.

Tip: If you wish the video to be even more visible, you can increase the "Minimum Height" of the "Background Section".

3. Decorations option

This is another general option that is important when it comes to the "Background Section" element. This option allows you to customize the sides of the background section. You will have to select which side you want customized (a), then, the decoration type you want to add to it (b):

This can be either a "Slanted edge", a "Pointer", a "Divider" or a "Fancy Divider". Each of them come with their own set-up options (like width, height, tilt, invert etc.) that you can use to further customize them.

If you would like to find out more about how to use the "Decorations" option, as well as the set of options for each decoration, please click on this link.

Adding content to the 'Background Section'

When you have finished customizing your background section, you can start adding content to it. This is pretty easy. All you have to do is select the element(s) you wish to add and then, drag & drop them inside the "Background Section".

Tip: Make sure the content you add is visible and you do not use too intense colors when setting up the background itself.

If you wish to find out more about the Thrive Architect elements, please click here.

Hopefully this article was useful for you. If so, please give us a smile below :)

0
  • by Hanne
  • on October 6, 2016

Blog Content

Content marketing can be a very important strategy for your online business, but you have to do it right. Creating boring content will not help your business grow.

​Our Method for Creating Better Blog Content

Use a Repeatable Format

The best way to create an engaging blog post is to use a repeatable format.

This works for list posts, but it works just as well for any other type of post.

You'll start with a teaser introductions, add a "Read More" tag and from here, you'll start your repeatable format.

In the demonstration we use the following format:

  • Title
  • Picture
  • Paragraph: What's good
  • Paragraph: What's bad
  • Summary box​: This is a Thrive Architect content box that you can save an re-use every time. This will save you time and help you keep the format consistent.

We end the blog post with a conclusion title and paragraph.

In the video, we show the pattern for a list post, but it can be used in any circumstances. You should always ask yourself: "How can I break this topic down in repeatable chunks?"

Mix Your Text Up With Visuals

To find free stock photos and icons, take a look at the guide: 25 Free Resources Every Content Creator Should Know About.​

If you're looking to learn how to use stock photos on your website without looking like everybody else, check out the post: How to Use Free Stock Photos on Your Website Without Hurting Your Conversions

0
  • by
  • on January 19, 2018

Blog Content

Content marketing can be a very important strategy for your online business, but you have to do it right. Creating boring content will not help your business grow.

​Our Method for Creating Better Blog Content

Use a Repeatable Format

The best way to create an engaging blog post is to use a repeatable format.

This works for list posts, but it works just as well for any other type of post.

You'll start with a teaser introductions, add a "Read More" tag and from here, you'll start your repeatable format.

In the demonstration we use the following format:

  • Title
  • Picture
  • Paragraph: What's good
  • Paragraph: What's bad
  • Summary box​: This is a Thrive Architect content box that you can save an re-use every time. This will save you time and help you keep the format consistent.

We end the blog post with a conclusion title and paragraph.

In the video, we show the pattern for a list post, but it can be used in any circumstances. You should always ask yourself: "How can I break this topic down in repeatable chunks?"

Mix Your Text Up With Visuals

To find free stock photos and icons, take a look at the guide: 25 Free Resources Every Content Creator Should Know About.​

If you're looking to learn how to use stock photos on your website without looking like everybody else, check out the post: How to Use Free Stock Photos on Your Website Without Hurting Your Conversions

How to Fix the ‘403 – Forbidden’ Error?

Issue
The ‘403-Forbidden’ error can occur while you are trying to save the content on your WordPress based website.

Sometimes a security layer of the website can be a little overaggressive and block genuine, harmless requests. This can happen because of server security settings, because of bad characters/patterns that trigger the firewall, or because the size of the request is too large.
In any of these cases, you will see the ‘403-Forbidden’ error displayed.

Solution
Since the cause of this is almost certainly related to a security setting or a security plugin on your website blocking the request of saving your content, the solution is to white-list (to allow) the request.

Doing this depends on the type and the settings of security plugins as follows:

1. WordFence

If you have installed and set up the security plugin called “WordFence” on your website, then set it to “Learning Mode” in order to resolve this issue.
If you need details on how to do this, please check out this tutorial.

2. Other security plugins

If you (as a user) have installed other security plugins (that are not WordFence) on your website, you can try deactivating them, to see if this solves the error.

Note: This is only for debugging purposes, to see if deactivating the security plugin really solves the issue. You should not leave the security on your site deactivated. You are only doing this for a few minutes, to see if this is the actual problem.

In case deactivating the security plugin has indeed solved the issue, then try one of the following:

  • check the firewall rules, to see if you can set any exclusions for plugins (if so, then include the Thrive plugins there);
  • or see if you can find anything similar to a learning mode in the settings, (if so, then activate it).

If you do not find such settings or you are not familiar with them, then you should reach out to the developers of the respective security plugin. Tell them about the issue, send them the steps to replicate it and ask them to white-list the blocked request.

3. No known security plugins or settings

If you haven’t actually installed a security plugin on your website, and you are unaware of any such security settings, then, it is best if you contact your web hosting company.

Let them know about the error you have encountered and send them the exact steps to replicate it. Since they have access to all the settings and logs, they should be able to figure out the root of the error and the solution for it as well.

In case you still encounter difficulties, after trying all of the above mentioned troubleshooting tips, then please contact our support team by creating a new support ticket here.

Hopefully, this article was useful for you. If so, please give it a smile below :)

Voice

Voice

A unique blogging theme that puts your content front and center. Optimized for readability.

Let Your Voice Be Heard!

Voice is a theme that emphasizes content & authors. The unique, header-less design and the typography put your content in the spotlight. In addition, the post author is prominently displayed next to the content, making it ideal for personal branding (works for single author and multi-author sites). Alternatively, you can remove the author-focus and just display a logo instead.

The sidebar in this theme is kept narrow, to give more room to your content. It is also partially static and partially scrolling, so that you can keep your most important links instantly available, while adding lots of additional content, related content or other widgets in the scrolling section.

The result is a theme that is highly usable and easy to navigate for your visitors, makes your content shine and still comes with all the conversion focused features you're used to from Thrive Themes.​

Color Choices, Color Tones & Sidebar Options

Easily switch between multiple color styles to change the highlight colors and the overall look and feel of your theme. In addition, you can also switch between a "warm" or "cool" theme tone, to further customize your site.

You also have control over what to display in the sidebar area of the theme:

You can choose to display a default background image, dynamically change the background to reflect the featured image of the current post or page, set a custom color or set a custom background image.

Comes With All the Features You'd Expect From a Top-Notch Premium Theme (& Many More...)

Built for Speed

We optimize all of the theme code to keep it as lean and light as possible and we add speed-boosting features as well.

Responsive Design

Everything about this theme is 100% mobile responsive, so your website will look great on any device & screen size.

Search Engine Optimized

The theme is built following SEO best practices, so your site is well-optimized and SEO ready out of the box.

Visual Theme Customizer

Set custom colors, custom fonts, custom backgrounds and more, to suit the site to your exact needs.

Extensive Admin Options

Set detailed preferences for the style and behavior of your site. Options are available site-wide and on individual pages.

Customizable Header

Choose from different header layouts and apply custom background colors, patterns or images to your site header.

Grow Your Mailing List

Built-in features allow you to display targeted opt-in forms on your site & connect to your autoresponder.

Automatic Page Generator

Create pre-built pages with just a few clicks. The page generator means you can get your sites set up in no time.

Fantastic Support

Get your questions answered and get hands-on help with technical questions from our awesome support team.

And that's just scratching the surface. Further features in the theme include a speed-optimized related posts gallery, automatic image optimization, built-in floating social buttons, dynamic sidebar backgrounds, click-to-call phone numbers, a font manager with 600+ fonts to choose from, a wide array of short codes and much more.

If you've been looking for a way to make your blog more valuable for your visitors while also growing your mailing list or selling more products, Voice is the theme you've been waiting for.

Sold Out!

This was one of our first run of themes and we don't sell these anymore. All good things come to an end, as they say.

We are currently working on a brand new, visual theme builder that will replace all of our previous themes. Click the button below to learn more:

How to Use the Table Element

The video above showcases in detail how you can add a table to your page using the “Table” element and then, customize it to suit your purposes.

The “Table” element allows you to add customized tables to your page by following a few easy steps. Here they are:

1. Add the “Table” element to the page

First, click on the plus sign from the right sidebar, to open the list of elements. Look for the “Table” element and when you have found it, drag & drop it to the desired place on the page:

A window will open with every template that is available for this element:

Scroll down to see all of the templates and when you found the one you want to use, click on it to select it and then, click on the “Choose Template” button.

2. Add/personalize the content of the table

Depending on which template you have chosen, do the following:

Blank template

The blank template is the only one from the list of “Table Templates” that is not styled. This means that it doesn’t have a predefined style and default content in it, so you can start customizing from scratch:

After you have added it to the page, you will need to add the actual content to it as well. You can do this by clicking either in a cell or a header that you want to edit from the table. 

This will open the "Text" element that is placed there and you can use it, as you normally would, to add text content to your page.

Styled templates

If you have chosen one of the templates that is already styled, you will see that these types of templates also have a default content added to them:

What you need to do in this case is to personalize the default content, meaning to replace it with your own.

For instance, if the content is in a “Text” element, then simply click inside the element (which is inside the table), delete the current text and write/paste in your own text.

3. Customize the table with the “Sidebar options”

Once the content of the table is ready, use the options from the left sidebar to customize your table further. Here are the options that you can use:

Template Options

You can use this option if you want to change the template of table. Simply click on the name of the template from the “Template” section of this option:

This will open the window with the various templates again, and you can select another one just like you did when you first added the table to the page.

Important! Please keep in mind that whenever you change the template of a table, the content that you have previously added to the table will be lost.

Therefore, it is highly recommended to try out the different templates first, to see which one is the most suitable for you. Only start to personalize the content from the table, when you are sure that you have found the right template.

If you want to see some examples of the table templates being used, check out this blog post.

Besides the “Template Options”, you can use the “Main Options” of the table as follows:

Cell padding

You can easily adjust the padding of the cells from the table, either by dragging the slider under this option, or by entering a value manually in the box next to the slider:

Vertical Align

This option allows you to align the content so that it is placed either at the top, at the middle or at the bottom of the cells. All you have to do is to click on the position you want to choose from this option:

Header & Cell color

These two options will let you change the current color of the headers or the cells. Just click on the box with the color you want to change:

In both cases, this will open the color picker with the help of which you can change the color of the headers/cells:

Select the color you want from the color picker (or enter its code in the designated field), adjust the opacity and once you’re done, click on the “Apply” button. You will see that the new color will be displayed on the headers/cells.

Make table sortable

This option allows you to make the table sortable for the users. This means, that the visitors of your website will be able to sort the content of the table, to be displayed either in an alphabetical order (in the case of texts), or in a numerical one (in the case of numbers).

If you want to make the table sortable, just check the checkbox that is next to this option:

Manage cells:

If you want to further customize the table, first click on the “Manage Cells” button:

This will open an overlay with further options related to cells.

Add columns and rows

Here you will first be able to add columns and rows to your table by simply clicking on one of these options:

Then, if you click on one of the cells, more options will be available in the overlay.

Insert/Remove columns or rows

You will be able to insert columns/rows before or after the cell that you have selected, as well as remove the column/row with the cell you selected:

Table Cell options

Furthermore, when you click on one of the cells, a few other options will also open in the left sidebar. You can use these to adjust the “Column Width” as well as the “Row Height”, or choose the vertical alignment, just like before:

Merge cells

While managing the cells, you can also merge them. In order to do this, first you will have to select more cells that you want to merge.

You can select more cells by holding down the left mouse button on a cell and drag it across the other cells you want to select. Once you do this, the "Merge" option will appear above the table:

You simply have to click on it and the cells that you have selected will be merged, meaning that they will become one cell.

Split cells

If you want to split cells that you have previously merged, you have to click on the merged cell first. This way the "Split" option will appear above the table:

Once you click on the "Split" option the merged cell will be split into the original number of cell that they were before you have merged them together.

After you have finished using the options from the “Manage cells” section, simply click on the “Close” button. The overlay will disappear and you can continue editing the table.

Advanced

The “Advanced” option of the “Table” element, will allow you to choose a different color for the even & the odd rows by clicking on the boxes with the colors in them. Then, the same color picker will open and you can select a new color, just like you did in the case of the header/cell color.

Furthermore, if you want, you can also use the “Reset widths” and “Reset heights” options from here to remove the height and the width that you have set for the cells, when managing them.

Table Borders

In the case of the “Blank” template, you can see some default borders, while editing the table, but these are visible only for you, to make the customizing process easier.

If you want to add borders to the table that will be displayed for the visitors of the page as well, then you will have to use the “Table Borders” option.

Exterior border

You can add an exterior border to the table by clicking on the little up arrow from the “Table Borders” section, or entering a value manually. The number you enter here will define the thickness of the border that is applied.

You can also change the color of the border by clicking on the box with the color in it and you can choose one out of the three patterns that are available for the border. You just have to click on the pattern you want to use:

Interior border

If you wish to add an interior border to the table as well, then, activate the “Apply inner border” option from the “Table Borders” section.

This will open the “Header border” and the “Cell border” options as well, and you can use them in the same way that you used the exterior borders options. Add the borders to the headers/cells by selecting their thickness, choose a color and then, a pattern for them:

The more general options, like the “Typography”, or the “Layout & Position” options, are also available for the “Table” element, but since these are available for almost every Thrive Architect element, you will find separate tutorials on them in our Knowledge Base.

Mobile view

After you have customized your table in desktop view, you can also check it in mobile view to make sure it looks mobile-friendly. In order to do this, click on the "Mobile View" option from the bottom-center part of the editor (next to the "Preview" option):

If the table you have created is not selected, then access it either by clicking on it directly or by selecting it from the breadcrumbs.

You will see that besides the options of the "Table" element that are available in desktop view, there is an additional option here, in "Mobile View".

This is the "Create mobile-responsive table" option in the "Main Options" section from the left sidebar:

Make sure that this option is checked because, just as its name says, this will make the table you have created mobile-responsive:

Checking this option will turn the headers of the table into a column and will place all the other cells in a vertical layout, instead of a horizontal one, in mobile view. This way your table will be a lot easier to view on a mobile phone:

If you leave the "Create mobile-responsive table" option unchecked, then, the table will not be mobile-responsive. This means, that although, your table will look good on a desktop, it will be difficult to view it on a mobile phone.

If people will want to see the information from every cell of the table on a mobile phone, they will have to scroll all the way through to see them. The table will look like this on mobile:

Note: The "Create mobile-responsive table" option is only available in the "Mobile View" of the "Table" element. Thus, it will not be present in the "Desktop" or in the "Tablet" view.

After you made sure the table is mobile-responsive too, you can save your work using the "Save Work" option from the bottom left part of the editor and then, preview the page to see how the table you have created will look like for the visitors of your website.

Hopefully, this article was useful for you. If so, please give it a smile below :)

0
  • by Eti
  • on May 30, 2016

How to Edit Your Thrive Ultimatum Design With our Editor

After having created your first campaign, the last and most important step, is to design your countdown timer with the Thrive Architect editor.

1. Choose the Design Type

Thrive Ultimatum campaigns can be set to appear as top/bottom ribbons, in your sidebar, as widgets, or in your content, as shortcodes.

2. Choose a Template for Your Campaign

Click the "pencil" icon to select a template for your campaign's design.

Now, select the template you would like to use from the entire list:

After you have chosen the template that you see fit, simply click on "Choose Template". Then, the Thrive Architect editor will open right up, allowing you to start editing the chosen template. 

3. Edit the Design with Thrive Architect (TAr)

Editing your campaign with TAr, is the same as editing any other page, or a Thrive Leads form. You can change colors, add extra elements, edit the text, button design, etc.

To edit an element from the template, simply select it, and then, the available options will show up on the sidebar editor. 

For example, to start customizing the countdown timer found on the template, select it, and apply any options you see fit, from the sidebar editor: 

In the same way, any of the elements found in the template can be edited. For example, if you click on the button, more options will show up on the sidebar editor: 

One option that you need to use is "Animation & Action". This allows you to link the button to the next page you want to send your user to. 

In this way, you can choose the "hyperlink" option and just search for the redirect page from your website or insert the redirect URL:

However, you can find in-depth tutorials both on how to use the "Button" element and the "Animation & Action" option.

You can, of course, edit the look and feel of the entire form. Set a background color, use a background image/pattern, add a border to the form, etc. 

To bring changes to the entire background of the form, simply click on it, and use the options available on the sidebar editor: 

You can find out how all of the features in Thrive Architect work, here: Thrive Architect Knowledge Base.

Hope you enjoyed this tutorial! If so, don't forget to rate it, below. However, if you have any further questions, don't hesitate to leave us a message, on the Thrive Themes Forum. 

Pressive

Pressive

Impressive and functional design. Streamlined to help you grow your business. Meet Pressive.

The Perfect Design Balance for Your Site

If your site's design is too flashy, it will be impressive but it will also distract from your content. If your design is too generic and too "comfortable", it won't distract your visitors but it also won't be memorable.

Pressive strikes the perfect balance between the two.​ You get a theme with a distinct character, but the focus is still where it needs to be: on your content, your offers, your conversion elements.

Whether you want to build a fully featured marketing website, a collection of brilliant sales pages or just a conversion focused blog, Pressive has you covered.​

Pressive could just be the theme that changes the way you think about WordPress themes.

Switch Theme, Short Code & Widget Colors

With just a click, you can switch between 6 major color schemes for Pressive, each one giving the site a different and distinctive look. You can also choose between different colors for many of the widgets, Focus Areas and dozens of short codes available in the theme.

Comes With All the Features You'd Expect From a Top-Notch Premium Theme (& Many More...)

Built for Speed

We optimize all of the theme code to keep it as lean and light as possible and we add speed-boosting features as well.

Responsive Design

Everything about this theme is 100% mobile responsive, so your website will look great on any device & screen size.

Search Engine Optimized

The theme is built following SEO best practices, so your site is well-optimized and SEO ready out of the box.

Visual Theme Customizer

Set custom colors, custom fonts, custom backgrounds and more, to suit the site to your exact needs.

Extensive Admin Options

Set detailed preferences for the style and behavior of your site. Options are available site-wide and on individual pages.

Customizable Header

Choose from different header layouts and apply custom background colors, patterns or images to your site header.

Grow Your Mailing List

Built-in features allow you to display targeted opt-in forms on your site & connect to your autoresponder.

Automatic Page Generator

Create pre-built pages with just a few clicks. The page generator means you can get your sites set up in no time.

Fantastic Support

Get your questions answered and get hands-on help with technical questions from our awesome support team.

And that's just scratching the surface. Further features in the theme include a speed-optimized related posts gallery, automatic image optimization, built-in floating social buttons, multi-column extended drop down menus, click-to-call phone numbers, a font manager with 600+ fonts to choose from, a wide array of short codes and much more.

Get your copy of the Pressive theme today and see just how good a conversion-focused theme can be to work with.

Sold Out!

This was one of our first run of themes and we don't sell these anymore. All good things come to an end, as they say.

We are currently working on a brand new, visual theme builder that will replace all of our previous themes. Click the button below to learn more:

These 4 Techniques Will Turn a Good Article into a Value Bomb

24 per second = 1,481 per minute = 88,888 in an hour = just above 2.13 million per day.

That's not the number of times you blink your eyes... it's the number of blog posts published every single day on WordPress powered websites. (source)​

It's safe to say that just publishing content will not cut it anymore if you want to capture people's attention, keep them engaged and have them interact with your business.

You'll need to step up your game...

Watch the video to discover 4 ways to make your content more enjoyable to read and more efficient for your online business.

>