Center custom modules in gkTop1 (Simplicity)

Hi...

Have pretty much exhausted forums looking for a solution to simple issue of centering 3 custom modules in gkTop1 (Simplicity).

I've tried assigning suffixes as recommended, then adding .box.suffix .content {text-align: center} to override css (enabled); also disabling float in gktop1.box (layout line 137) and gkCols3 (layout line 216), then adding "text-align: center" to each in css overrride. No luck.

Increasing the size of each module to 33.3% forces the third module to be pushed below the other two in android and tablet landscape views, which is why I've set them to 30%. Otherwise, this would not be an issue.

http://www.randmsepticpumping.com/newsite

My thanks in advance for any help...and apologies for any duplication of posts.

Hello,

Please add the following code in css/override.css file:

Code: Select all

#gkTop1 > div {
    text-align: center;
}
#gkTop1 > div > .box.mycenter {
    display: inline-block;
    float: none!important;
}

Did the trick! Thank you so much...