How to center 1 or 2 ShopIsle frontpage Banners

First install our CSS plugin:  Click Here

Go to Appearance->Customize->Advanced CSS Editor

To center 1 banner then add the following snippet of CSS to the Desktop and Tablet CSS area:

.shop_isle_bannerss_section .col-sm-4 {
    width: 100%;
}

To center 2 banners then add the following snippet of CSS to the Desktop and Tablet CSS area:

.shop_isle_bannerss_section .col-sm-4 {
    width: 50%;
}

Now save your changes.

If you are using another CSS plugin such as Simple Custom CSS or via your child theme style.css/custom.css then you could use a media query with the snippet which will cover both tablets and desktops like this ( it will center two banners, change the % to 100 for 1 banner):

@media screen and (min-width: 768px){

.shop_isle_bannerss_section .col-sm-4 {
    width: 50%;
}

}