FRONT END EDITOR FOR VISUAL COMPOSER

Editing the page using the frontend editor for Visual Composer makes it easier to edit a page and see

the changes instantly without even clicking the update button.

After clicking the Edit with Visual Composer, this will give us the in-situ of the page we’re going to

edit. So, rather than having to imagine which images is aligned or not, it’s all here, pretty much as you

see it normally. You don’t see the rows and columns structures so much, but you can see all the

elements.

Edit a text in Visual Composer

Step 1: Edit text block

Let’s try to edit the text in the image above. To edit a text block, hover your mouse to the text block

and a green bar will appear. Afterward click on the pencil icon.

Step 2: Text block Setting will pop up

A Text Block Setting will pop-up after you’ve clicked the pencil icon in the green bar. Let’s have this

highlighted text deleted.

Step 3: Save Changes

If you have nothing else to edit, click Save Changes.

Output

Text block successfully edited.

Replace single image in Visual Composer

So now let’s try to change a single image using the frontend editor of Visual Composer.

Step 1: Edit Single Image

To do that, hover your mouse to the image that you want to edit. A green bar will appear the click on

the pencil icon.

Step 2: Single Image Setting will appear

To select a new image, click on the box located on the right side of the thumbnail of the current image.

This will take us to the Media Library of the WordPress.

Step 3: Set the Image

After clicking the box, a Set Image box will appear. We are currently on the Media Library tab

wherein we need to select a new image. If you haven’t uploaded your desired image yet, go to Upload

Files tab to upload your image. After selecting the image that you want, click on Set Image.

Step 4: Image is now ready to be changed

After setting the image, the thumbnail will change the image to the image that we have set. Now,

we’re one click away in changing the image. To finally change the image, click on the Save Changes

button below.

Output

Image successfully changed.

Reminder

After all the changes you’ve made, click the Update button above apply those changes in the page.