Docs

[Chris Stovall]

I can’t get this content to center for the life of me. Can you please take a look and let me know what I need to do to center the content on the page?

http://162.144.201.72/~beautyby/shop/

Thanks!

[Jade]

Hi Chris,

Please try this code:

.page-id-388 #x-section-1 .x-container:nth-child(2) {
    width: 47%;
}

Hope this helps.

[Chris Stovall]

Nope. All that did was make it so only 2 columns showed up instead of 3.

http://i.imgur.com/7wtc7dT.png

[Christopher]

Hi there,

Upon checking your site, the content was center aligned, please see the attachment.
Please clear cache and check again.

For mobile devices, add this code :

@media (max-width:767px){
.bo-garden .bo-con, .bo-box {
    text-align: center;
    float: none !important;
    margin-right: auto !Important;
    margin-left: auto !important;
    display: block !important;
}
.bo-con {
    width: 100%;
}
}

Hope it helps.

[Chris Stovall]

It may be centered, but it’s also only showing 2 of the 3 columns. Can we please make it larger again but still be centered?

[Rue Nel]

Hello There,

Are you using a plugin or a custom script to display the boutique grid items? To resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS
please edit your page in Cornerstone and insert the following custom css in the settings tab, <a href="http://prntscr.com/8mfxt9" target="_blank">Settings > Custom CSS</a>

And by the way, you need to remove this code:

.page-id-388 #x-section-1 .x-container:nth-child(2) {
    width: 47%;
}

Hope this helps. Kindly let us know.

[Chris Stovall]

Removing the code you had me add above worked just fine. I didn’t know that needed to be done.

Thanks!
CDS

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts