[resolved] Adding Borders to Thumbnails in Crafty Cart Grid View (5 posts)

  1. kiwiandpear
    Posted 5 years ago #

    Hi! Using Crafty Cart theme here and was was wondering if anyone knows where to go to add borders to the product thumbnails in grid view? My background is white so I wanted there to be borders around all my images.


    Adding "border: 1px solid #666666;" under "Grid View" in the style.e-commerce.css file did not seem to work. It did not work under "Product Image" either.

    Any ideas? Thanks!

  2. kiwiandpear
    Posted 5 years ago #

    Nevermind, I found the answer! The file to change is buried deep! You have to go to "wp-content/uploads/wpsc/upgrades/gold_cart_files//grid_view.css" and change the border under "div.product_grid_item img" YAY!

  3. Aqxea
    Posted 5 years ago #

    Hi kiwiandpear. I just wanted to say I really like what you did with the free Crafty Cart theme. You seem to really know what you are doing.

    I'm trying to set up a small e-commerce website for my mother and I've decided to give WP e-commerce a try. I really like the general look and feel of the free Crafty Cart theme, but I'm having small problems here and there. Stuff like logo placement, and borders not aligning. Anyway, was wondering if you would be able to help.


  4. kiwiandpear
    Posted 5 years ago #

    hi aqxea!

    thanks! i'm just as much a beginner as you are! one thing that I found which has made the entire process easier is to download firebug for firefox or use chrome browser. they have built in development tools that let you right-click on any item on the page and it tells you where the referring code is located. it saves a lot of time looking for stuff!

    good luck!!

  5. kiwiandpear
    Posted 5 years ago #

    i forgot to mention when using the development tools i mentioned above, right-click and select "inspect element"

Topic Closed

This topic has been closed to new replies.

About this Topic