Text Block Theme Options

Fifth Avenue WordPress Theme comes with additional features for WPBakery Page builder to give you even more power. You can find our options in Theme Options tab in Text Block, Column and Row elements or Page builder. Click on pencil icon described elements and in opened window switch to Theme Options tab.

Indent options are the same as margin but controllable on different screen resolutions. You can set different indent value for desktop, tablet, or mobile screen sizes.

Below is an example of what you can make with indent option.

Indent Text Content

This text block is indented by 80px to the left. On mobile indent will be removed. I am text block. Click edit button to change this text.

Animation Delay

The animation delay input allows you to delay the column animation by a specified duration in milliseconds. E.g. “500” would delay the animation by 500ms, or 0.5 seconds.  Enter the delay in milliseconds without unit value, number only. This option is useful for creating staggered animations. See an example below, animation and delay are written in animated blocks.

Animation set as fadeInUp Long, animation delay 0

Animation set as fadeInUp Long, animation delay 50

Animation set as fadeInUp Long, animation delay 100

Animation set as fadeInUp Long, animation delay 150

Animation set as fadeInUp Long, animation delay 200

Animation set as fadeInUp Long, animation delay 250

Animation set as fadeInUp Long, animation delay 300

Animation set as fadeInUp Long, animation delay 350

Animation set as fadeInUp Long, animation delay 400

Column Theme Options

You can find our custom option for column in Theme options tab when editing column.

The very first option is content alignment. It helps to align all content elements in bulk and can be really a time saver when you have a lot of elements in column. Additionally it allows you to control elements alignment on different screen resolutions.

Boxed Overlap

You can make column to move above the another column a bit. So one column content will overlap another. Currently it is only possible for 1/3 over 2/3 column only but we will add more soon.

You can combine it with boxed block option if you have a lot of content that should be readable. Or you can use it to make huge title overlay image a bit to create fancy effect. Check examples with and without boxed option below.

Block Overlap

This text block is indented by 80px to the left. On mobile indent will be removed. I am text block. Click edit button to change this text.

Block overlap without boxed option

875915_ou_xl

Boxed Block

Boxed Block option adds padding and white background to column. You can choose the padding size and enable or disable shadow.

You can see examples of a boxed blocks with big and small padding below.

your journey begins

Boxed Block Example

Boxed block: Yes, Boxed block padding size: Big, Boxed Block with Shadow: Yes, Max width: 500px, Max width Align – Center.

small size

Boxed Block Example

Boxed block: Yes, Boxed block padding size: Small, Boxed Block with Shadow: Yes, Max width: 300px, Max width Align – Center.

Max Width

Max width options allows you to limit any column size and align its position. Set max width value in px or %.

You can see max with option in action on Boxed block examples above.

When to use max width option? You can use it to limit column width on desktop only so on mobile it will use full width.

Background Overlay

You can add additional color layer on background of column which will overlay the background image.

 

Background Overlay color set to a dark brown with the background opacity set to 0.38

 

Background Overlay color set to a blue with the background opacity set to 0.53

 

Background Overlay color set to a purple with the background opacity set to 0.88

Row Theme Options

Row coming with background overlay color option. It is the same as in column but gives you possibility to cover the whole area when you set row to full width without paddings.