Docs

[armintz]

I can’t seem to align the image on this page to the very bottom of the column:

http://tinyurl.com/zdn8kfm

I’m looking for 0 gap, so the image is flush with the footer below. The attached screenshot will show you the image I’m referring to.

I was able to accomplish this on the home page (http://tinyurl.com/gpr5aco – see slideshow on bottom right, just above footer) using: margin-bottom: -24px in the style section.

Unfortunately this same code doesn’t work on the About page image.

I’ve also tried mbn class (per some of your other support forum posts), which did not work.

Suggestions? Thank you.

[Christopher]

Hi there,

Please add margin-bottom: -11px; in right column’s image style field. Add margin-bottom: 0px; in left column’s image style field.

Please add following code in Customize -> Custom -> Global CSS :

.page-id-87 .x-container.max.width.offset {
    margin-bottom: 0;
}

Hope it helps.

[armintz]

this sort of works, but it also aligns the image in the right column to the very bottom when I only want to do this for the left image. to fix, I tried adding a gap element below the image on the right but unfortunately this also pushes the image on the left upward.

[Rue Nel]

Hello There,

Thanks for updating in! Do you want something like this http://prntscr.com/edht9a? If that is the case, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-container.max.width.offset,
#x-section-1 .x-column img {
    margin-bottom: 0;
}

#x-section-1 .x-column.x-sm.cs-ta-center.x-1-2 {
    vertical-align: bottom;
}

Hope this helps. Kindly let us know.

[armintz]

That looks like a global change that will affect the section above the footer for every page on my website?

[Thai]

Hi There,

Please add the class mbn to the class field of your image:

http://i.imgur.com/rQ9tEtM.png

Let us know how it goes!

[armintz]

One image class is still not going to affect the previous change taking affect on all pages, correct?

Or are you suggesting I try the mbn class and REMOVE your previous suggestions? I’ve already tried that per my first post.

The goal is to move the one image in the left column of the About page vertically at the bottom of the column, so it’s resting flush on top of the footer section… and ideally doing so without affecting other pages.

Thanks

[Thai]

Hi There,

Please update the previous CSS a bit:

.page-id-87 .x-container.max.width.offset,
.page-id-87 #x-section-1 .x-column img {
    margin-bottom: 0;
}

.page-id-87 #x-section-1 .x-column.x-sm.cs-ta-center.x-1-2 {
    vertical-align: bottom;
}

Let us know how it goes!

[armintz]

Much better, thanks

[Rad]

You’re welcome!

[Author]

Posts