Visual Composer 文档

Visual Composer and GDPR

Yes, Visual Composer and all services provided by Visual Composer is fully GDPR compliant. In addition, we ensure that all 3rd party services that are related to our data processes and storage are fully GDPR compliant as well. Make sure to visit our Privacy Policy for all necessary information on what type of data we store about the customers, how we use it, and steps on how to retrieve this information automatically.Important: Visual Composer plugin does not store any information about your customers (website visitors).What is GDPR?On May 25’th, 2018, the General Data Protection Regulation (GDPR) takes effect across the European Union. These laws aim to provide customers with more control over their personal data and protect their rights.

How to use custom fonts?

To use custom font files for your site you need to follow the below process:Create a folder to store your font file in your child theme ( eg a folder ‘font’ is created in: http://yoursite.com/wp-content/themes/child-theme/font/). It’s important to create a child theme and store the font file inside the child theme so that the font file is not overwritten when you update your theme. In the style.css of your child theme add the below code. Here we are including a font called Alex, you need to replace the font name and file name that you are using.You can now style the text in the style.css of your child theme using the CSS font-family rule.,@font-face {
font-family: Alex;
src: url(http://yoursite.com/wp-content/themes/child-teme/font/AlexBrush-Regular.ttf);
font-weight: normal;
},#apply {
font-family: “Alex”, Arial, sans-serif;
}

How to transition from a transparent to a solid header on scrolling?

In order to achieve a header that changes from transparent to a solid header, you can do that by following this tutorial:You need to create a solid header that is sticky. Make sure you set the sticky to “Show on Sticky”, so it will only show when it is sticky.Below that solid header, you need to create a transparent header.That’s it By doing so, you will have a header that transitions from a transparent to a solid header on scrolling.

How to set custom excerpt lengths for grid items?

Every post grid element allows to overwrite WordPress default excerpt length.To set custom excerpt:Add post grid element to the pageOpen post grid element edit windowClick “Custom excerpt length” toggleSet custom excerpt length for the post grid

How to set a column to be a specific size?

In Visual Composer, you can specify column size in pixels which means it will be fixed across devices.To set column size in pixels:Open row edit windowIn the Row Layout section, set the column size in pixels.

How to set a background color/image for the whole page?

You can add background image or color to the whole page created with Visual Composer. To add an image or color as a background, you can use Page Design Options.To access Page Design Options, click on Settings – Design Options.In there, you can specify various design attributes for the page, including background iamge and color.Note: To apply background image to the whole page, make sure to use Visual Composer blank page layout or apply page design options in the Layout Builder.

How to save a row as a template?

There is such a case when you need the same row that you created before. It will be wasting time if you need to create the same row from scratch. With Visual Composer Website Builder, you can save a row as a template block to shorten the time. To save a row as a template block, you just need to:Select the row that you want to save as a template blockClick the gear iconName the template then click save as a blockThat’s it.You can locate your saved template block on the template tab in Visual Composer Editor

How to reduce the space between menu items?

If you are using the basic menu element, maybe some of you feel that the space between menu items is too big for your design. Right now, we do not have that option yet, but you can achieve it by using some custom CSS. You can apply this custom CSS to the local or global CSS options in Visual Composer:,.vce-basic-menu-container .vce-basic-menu ul .menu-item a {
padding: 16px 10px !important;
},The first pixel is controlling the vertical, and the second pixel is controlling the horizontal. You can experiment with it in your page.

How to place a text to overlap with an image?

You can place elements of Visual Composer on top of one another (including text over image) by applying negative margin value in the element Design Options.To overlap elements:Add any two elements on the page (ex. image and text)Open the edit window of the second elementIn the Design Options add negative top margin valueNote: You can use responsive Design Options settings to control the overlap across different devices.

How to move a website from temporary (dev) to final (live) URL?

To migrate your website from a development environment or another hosting we recommend using Duplicator plugin. This plugin will take care of your database data and update URLs. Links pointing to development (or old domain name) will be replaced with a new domain name.After that initiate Reset (Dashboard -> Setting -> General) to re-download all installed bundles and auto-configure paths after migration.