Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
igwe

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

Recommended Posts

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 ! 

 

Capture d’écran 2020-03-25 à 12.45.35.png

Capture d’écran 2020-03-25 à 17.09.38.png

Capture d’écran 2020-03-25 à 17.09.32.png

Share this post


Link to post

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

Edited by derricksrandomviews

Share this post


Link to post
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 🙂

Share this post


Link to post

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
    }

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...