Outlining your website to the middle

Hey,

If you can take the site out of maintenance mode, I’ll be happy to take a look.

-Kevin

Hi Kevin! Thanks for your quick reply, sorry for my late one. I took the website out of maintenance mode. Do you know how I can outline everything in the middle?

Thanks in advance.

Hey
This will center align your footer credits:

.footercredits {
    text-align: center;
}

You can paste that into your custom css box in Theme Options > Advanced Settings.
For your products, try setting the number of columns to two so they will take up the width of the container. Does that work for you?

Hannah

Hi Hannah! Thanks for replying, fooder is now changed to the middle. Number of columns is already set at two, so that keeps it like this. Also changing the header to the middle would be awesome. Any more tips?

You should be able to configure a centered header by going to Theme Options> Main Settings, and setting “Logo Layout” to the third option.

does that work for you?

-Kevin

Yeah that works for my Logo in the header, that worked. But then the word shop underneath is on the left side of the page and so are my products, can I get them to the middle?

Try adding this css:

@media (min-width: 768px) {
.woocommerce-ordering {
    margin-bottom: -50px;
}
h1.page-title {
    text-align: center;
}
.tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
    width: 50%;
    position: static !important;
}

Hannah

Yessss it worked!! Thank you so much!

Glad to hear it! No problem:)

Hannah