Styling the Wells template - Logo and cart positioning, colors and adding a footer on all pages

Site URL: https://www.igwe.paris/studio

Dear all !

I have my website : www.igwe.paris for a sneaker brand.
I'm creating a new website beside to prepare the new collection, more minimalist design etc.

I did it on Wells (because I want a slidebare navigation) 

I would like to know a few things, such as :

- Put the logo on the top center of the page instead of the top left

- Add the card on the top right of the screen

- Add a color on the navigation when I hover it. 

- Add a filter color on some picture when I hover it.

- Add a footer on all the pages 

Also if you have any advises and tips for this template and also if you know better template that can help me to do better.

See bellow a picture of the layout i've made on photoshop (what i would love to have) and a screenshot of what i did so far on squarespace.

Thank you in advance for your help ! 

Nice site, you should know wells is a good template but is really locked into sidebar navigation. Moving the logo to center will take code if it is possible at all. This may help you:

https://stackoverflow.com/questions/50079280/need-logo-in-center-of-page-section-excluding-left-sidebar-in-squarespace

15 hours ago, derricksrandomviews said:

Nice site, you should know wells is a good template but is really locked into sidebar navigation. Moving the logo is going to center will take code if it is possible at all. This may help you:

https://stackoverflow.com/questions/50079280/need-logo-in-center-of-page-section-excluding-left-sidebar-in-squarespace

Thank you Derrick, I tryed. It's not optimal because it's not responsive to the screen (as you have to put the marge from the left side) but it's already good !
Thank you 🙂

By the way, by saying hover y want to say : 

When i go on it with my mouse.

Thank you 🙂 

This will not add color but will produce a fade,  on mouse hover  for images and thumbnails in summaries, galleries, and the images. Works for avenue and other 7.0 templates. It might add a little something to your site. Worth playing with anyway. 

img.summary-thumbnail-image.loaded:hover {
 opacity: 0.5;
 }

.img.thumb-image:hover {
         opacity: 0.6;
           filter:alpha(opacity=60);  //For IE8 and earlier 
     } 
         
  .image-slide-anchor:hover {
         opacity: 0.6;
           filter:alpha(opacity=60);  //For IE8 and earlier
    }

I have to try this. and also take some courses as i never used code before.

But thanks a lot for your help