自定义元素在WPBakery / Visual Composer中始终为全宽

在WPBakery / Visual Composer中，自定义元素默认情况下可能会显示为全宽，这是因为Visual Composer的设计理念是为了让页面布局更加灵活和直观。全宽元素可以跨越整个内容区域，这在设计响应式网站时非常有用。

基础概念

• 自定义元素：在Visual Composer中，你可以创建自己的自定义元素，以便在页面构建器中使用。
• 全宽：指的是元素的宽度设置为100%，使其占据其父容器的全部宽度。

相关优势

• 响应式设计：全宽元素有助于创建适应不同屏幕尺寸的布局。
• 简化布局：无需手动调整宽度，可以快速实现跨设备的布局一致性。

类型与应用场景

• 全宽图像：用于背景或主要内容展示。
• 全宽文本块：用于重要的公告或介绍性内容。
• 全宽视频：用于嵌入视频时提供更好的观看体验。

遇到的问题及原因

如果你发现自定义元素始终为全宽，可能是因为Visual Composer的默认设置或者是自定义元素的代码中包含了使其全宽的样式。

解决方法

1. 检查自定义元素的代码： 查看你的自定义元素代码中是否有设置宽度为100%的样式。如果有，可以修改它。
2. 检查自定义元素的代码： 查看你的自定义元素代码中是否有设置宽度为100%的样式。如果有，可以修改它。
3. 对应的CSS可能如下：
4. 对应的CSS可能如下：
5. 修改为：
6. 修改为：
7. 使用Visual Composer的设置： 在Visual Composer编辑器中，通常会有设置选项允许你调整元素的宽度。检查这些设置，看是否有选项可以改变元素不是全宽。
8. 覆盖默认样式： 如果上述方法都不适用，可以通过添加自定义CSS来覆盖默认的全宽样式。
9. 覆盖默认样式： 如果上述方法都不适用，可以通过添加自定义CSS来覆盖默认的全宽样式。

通过上述方法，你应该能够解决自定义元素在WPBakery / Visual Composer中始终为全宽的问题。记得在修改代码后进行测试，确保布局在不同设备上都能正常显示。