Docs

[yhshin1020]

Hey,

I have a section like this in VC: http://imgur.com/a/N08da

and I want to align it like this: http://imgur.com/a/Cb2jD

such that the 2nd and third items on the left ( the picture and the text below them, excluding the blockquote above them) move below in alignment with the left-most picture and texts below it.

All this while not moving the blockquote above them

I tried to do this using padding- or margin- but I dont know if this is workable since it is not responsive (is there a way to make them aligned on all screens)

If not, then I am fine with using margin- or padding- as a workaround.

Any help is appreciated.

Thank you.

[yhshin1020]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

The only option I know as of now, to fix this alingment is to add the marin top on the image. Then remove it when it is in 767px screensize so that it would look great in small screen size.

@media (max-width: 767px){
.page-id-29 .x-blockquote .x-img-circle{
margin-top:0px !important;
}
}

Hope it helps.

Let us know how it goes.

Thanks.

[yhshin1020]

Thanks a lot

[Christopher]

You’re welcome.

[Author]

Posts