Visual Composer es un plugin espectacular pero genera un anidado html infernal. Te explicaré por qué lo de infernal:
Toda sección tiene esta estructura básica:
Contenedor > Columna > Filas
Eso quiere decir que el margin-padding puede venir de 1) cualquiera de esos 3 contenedores, 2) cualquier elemento que se encuentre dentro de éstos (shortcodes que has puesto dentro de los contenedores), 3) Estilos propios del theme activo, o 4) Todos/algunos de los anteriores combinados.
Si modificas propiedades CSS mediante el panel (por ejemplo margin o padding) se añadirá el atributo style=""
sólo a la etiqueta correspondiente, lo cual te causará grandes dolores de cabeza a medida que tu diseño avance, pues tendrás estilos que sobrescriben otros, todo de manera caótica.
Es decir, un infierno para quien no sabe a qué se enfrenta.
De todas las estrategias que he inventado para sacar máximo provecho a VC (y al mismo tiempo hacerlo un verdadero aliado en la parte de diseño) es olvidándome de esas propiedades personalizadas y, en cambio, usar el campo de clases personalizadas, que luego definirás en tu hoja de estilos CSS.
En combinación con este recurso, debes trabajar con
FireBug (extensión de Firefox), la cual te indicará si tu estilo personalizado realmente está siendo tomado en cuenta. Si no es así, debes hacer modificaciones al selector (no recomiendo usar el recurso
!important porque crea conflictos).
Eso es todo. Aprende bien ese par de detalles y serás invencible amigo... Invencible!
