Home → Issues and Questions →

text & images on outer edges of body

Admin Functions

• Remove

LeahStorm

01 Jun, 2012 08:47 PM

First, let me say I love Jigoshop. I think it will end up on most of my sites.

I can't tell if this problem is with Graphene or Jigoshop. But I honestly don't know how to check.

The text inside the body of the page is right on the edge, and just needs a little breathing room. See where it reads: Home>shop>apparel>WhiteTshirts ? The H in home is on the edge of the box. The image is also.

http://www.azhouseofgraphics.com/product/product/white-t-shirts/

Any ideas? Thank you.:)

1. Support Staff 2 Posted by ivica on 01 Jun, 2012 08:57 PM

   

   I believe it is an issue with the Theme - check it by switching (for the
   moment) to the default TwentyEleven or TwentyTen Theme and you'll see if
   this is ok in those themes...

   http://forum.jigoshop.com/kb/customize-jigoshop/wrap-your-themes-content-for-jigoshop

   Admin Functions

   • Remove

2. Support Staff 3 Posted by chriscct7 on 01 Jun, 2012 10:55 PM

   

   Reactivate Graphene. Go to Appearence->Editor

   Scroll down to the bottom of the CSS file (important to be at bottom)

   Add this:

   div.product {
   margin-left:10px;
   }
   #breadcrumb {
   margin-left:10px;
   }
   

   Don't forget to save it (using the save button)!

   @Ivica this is not a wrap issue. Just a CSS glitch. Caused by a combo of Graphene and Jigoshop's own internal CSS files.

   Admin Functions

   • Remove

3. 4 Posted by LeahStorm on 01 Jun, 2012 11:24 PM

   

   Chris,

   That worked great on the image, but didn't move the breadcrumb. However, that was enough to make it look way better. From your code i figured out how to move the right side in too. (suddenly I'm a css genius, right?? ;P)

   I found the original code in graphene for the breadcrumbs, and no matter what i do to it, it doesn't move. even when i remove the new code i just added.

   Here's the original:

   / Breadcrumb NavXT / .breadcrumb-navxt {

   margin-bottom: 10px;
   font-size: 12px;
   

   } .breadcrumb-navxt a {

   font-weight: normal;
   

   }

   ---

   Here's what I added:

   / Breadcrumb NavXT / .breadcrumb-navxt {

   margin-left: 40px;
   margin-bottom: 10px;
   font-size: 12px;
   

   } .breadcrumb-navxt a {

   font-weight: normal;
   

   } ..... and alas... no change. graphene is stubborn.

   But i'm pretty ok with how it looks now. SO VERY BIG THANKS TO YOU!!!
   ; D

   Admin Functions

   • Split
   • Remove

4. Support Staff 5 Posted by chriscct7 on 01 Jun, 2012 11:57 PM

   

   No problem :)

   -Chris

   Admin Functions

   • Remove

5. Support Staff 6 Posted by chriscct7 on 02 Jun, 2012 12:03 AM

   

   Breadcrumbs fix:
   add #breadcrumb {
margin-left:10px !important;
} to style sheet.

   Then FTP off this style sheet: http://www.azhouseofgraphics.com/wp-content/plugins/jigoshop/assets...

   Erase the !important on line 2 in this statement:
   #breadcrumb{overflow:hidden;zoom:1;margin:0 0 1em!important;
   and then FTP it back on.

   Admin Functions

   • Remove

6. 7 Posted by LeahStorm on 02 Jun, 2012 04:49 AM

   

   WOW! You know your way around this stuff!! It worked perfectly!

   I believe that we (the humans) are - or should be - the boss of our computers.
   You definitely are, so thank you!!

   Admin Functions

   • Split
   • Remove

7. Support Staff 8 Posted by chriscct7 on 02 Jun, 2012 04:21 PM

   

   Haha thanks,

   I love Jigoshop, and manipulating it. IF you ever need help don't be afraid to ask :)

   -Chris

   Admin Functions

   • Remove