Make the Slideshow & Add To Cart Buttons smaller

ShakesShakes Registered Users Posts: 5 Beginner grinner
edited November 8, 2013 in SmugMug Customization
Is there a way to make the Slideshow & Add To Cart Buttons smaller on the gallery pages? They seem way too big for me. Thx!

Comments

  • The MechanicThe Mechanic Registered Users Posts: 197 Major grins
    edited November 8, 2013
    Hi Shakes,

    This may be possible, please post a link to your site. Also you may want to indicate what size you would like them compared to the size currently there.

    Thanks -Scott
  • avmanavman Registered Users Posts: 60 Big grins

    I too would like the buttons smaller....is this possible?
    .https://www.tomdphotos.com/PhotoGalleriesI/AirShows/AS0510/2005/KPIA2005/

    I really don't have anything nifty to say so I will remain quiet and observe!

    Tom

    http://avman.smugmug.com/
  • The MechanicThe Mechanic Registered Users Posts: 197 Major grins

    Hey there... While this is possible, I am not sure that is the most pressing issue here. It can be changed with css coding, but you need to address several elements and it is a small project in it self. I would like to offer some advice, please dont take this the wrong way... The site you linked to has way too much going on for the add to cart button being the main issue. Less is more. I thought I was sent to an old aol or myspace page from a decade ago when I landed there.

    I would try to move all of your text to informational pages accessible by a main menu, ie, "pricing" or "purchase info"" and leave only the essentials on the page like the legal disclosure. Go to fewer colors, ie text and link only unless it is needed for a specific element.

    Make the photos front and center, not the lines and lines of varying colored text.

    Here is some basic code to get you in the right place, you will need to edit these to fit your needs.

    .sm-button-size-large {
    height: 24px;
    font-size: 10px;
    padding: 1px;
    }

    .sm-icon-Cart.sm-icon-large{
    height: 15px;
    width: 15px;
    }
    .sm-icon.sm-icon-ShareWindows.sm-icon-large{
    height: 15px;
    width: 15px;
    }

  • avmanavman Registered Users Posts: 60 Big grins

    Thank you. Your opinion is duly noted. From what I can tell the code you offer is css?

    I really don't have anything nifty to say so I will remain quiet and observe!

    Tom

    http://avman.smugmug.com/
  • avmanavman Registered Users Posts: 60 Big grins

    To be perfectly honest, how can I code to hide the share windows button?

    I really don't have anything nifty to say so I will remain quiet and observe!

    Tom

    http://avman.smugmug.com/
  • The MechanicThe Mechanic Registered Users Posts: 197 Major grins

    yes, its css...

    .sm-gallery-cover-share-gallery-button {
    display: none !important;
    }

Sign In or Register to comment.