Docs

[Steve C]

I am building a test page and would like to remove the top and bottom spacing of a content band.

I would like to insert an image into the content band without having any top and bottom padding, margin shown. This would mean that the image (or other content) would be flush with the top and bottom of the content band with no space shown.

Another thing I was trying to figure out is how to centre an image within the content band when using the insert image feature, there only seems to be an option for wrapping left or right.

I am using visual composer to build the page.

I have created a draft page which you can preview here: http://eyetooth-art.co.uk/?page_id=7221

I will send logins in a separate reply so you can see the setup if necessary.

Please let me know if you need anything more from me.

[Steve C]

This reply has been marked as private.

[Nabeel A]

Hi Steve,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-content-band {
    padding: 0 !important;
    margin: 0 !important;
}

To center an image, you can give the following inline styling to the content band:

text-align: center;

This will center all elements within the content band.

Hope this helps!

[Steve C]

Thanks, I had to edit some css for the x-img style, to remove the bottom border, but that seems to have worked.

[Joao]

Glad to hear it,

Joao

[Author]

Posts