WP E-Commerce Plugin Styling... Any Help?

5 replies
  • WEB DESIGN
  • |
Howdy y'all...

I am in the process of setting up a new ecommerce site for my PLR offerings. I am using the WP E-Commerce plugin and have been able to figure everything out... except for one little glitch I'm experiencing.

General Diet Article 10-PackLee Murray PLR | Lee Murray PLR

Both my product pages and my checkout page are styled much too wide for my theme. I've performed Google search after Google search trying to find a fix for this, but to no avail. :confused:

I'm sure it's something really dumb, and I oughtta be ashamed of myself for asking... but if anyone has any insight for me, I'd be ever so grateful. And if you can help me fix this issue, I will gladly set you up with some free plr... or a unique article... or something of the sort.

Thanks Warriors!

Lee
#ecommerce #plugin #styling
  • Profile picture of the author angelie
    Hi Lee,

    It has something to do with the default CSS. I checked your checkout page and see that the width of #checkout_page_container is set to 650px. You need to override it in your theme's style.css to fix, see below:

    Code:
    #checkout_page_container{
    width:525px;
    }
    Angelie
    {{ DiscussionBoard.errors[5111289].message }}
    • Profile picture of the author Lee Murray
      Thanks Angelie!

      That totally worked. I'm very grateful for your help.

      I did notice one additional styling error that you (or someone else) may have an answer for.

      On my individual product pages, my "featured product" content gets pushed below the box and the image disappears...

      General Diet Article 10-PackLee Murray PLR | Lee Murray PLR

      Any ideas?

      BTW Angelie, I'm happy to write you an article or give you a free plr pack for your help. lee@leemurrayplr.com

      Thanks again,

      Lee
      {{ DiscussionBoard.errors[5111443].message }}
      • Profile picture of the author angelie
        No worries, happy to help. But of course, I am happier to accept your offer of a free plr.

        To fix the featured box part, firstly, you need to remove the box's defined height which is currently set to 229px. Then, you can remove the background-image and just use a plain background color. Try this:

        Code:
        #feature_box {
        height:auto !important;
        overflow:hidden;
        background-image:none;
        background-color:#f7f7f7;
        }
        The above code will however hide a part of your picture with your so adorable son! So to fix that, you need to modify the template php file and move the <div class="author_photo"> block outside of <div id="featured_box"> and apply a position:absolute style relative to #doc4. An easier fix is to copy this code to your style.css but this one will move your picture inside the featured box:

        Code:
        .author_photo {
        margin:24px !important;
        }
        And what do you mean by "the image disappears"?

        Feel free to inform should you need further help.
        {{ DiscussionBoard.errors[5114168].message }}
        • Profile picture of the author Lee Murray
          Thanks again, Angelie!

          I've not yet implemented your codes, because I wanted to address your "the image disappears" question.

          If you go to my home page - PLR | PLR ARTICLES | PLR EBOOKS | PLR PRODUCTS | PLR CONTENT - you will notice that the box just under the page navigation bar (on the left) is a "featured product" box that shows a thumbnail of a plr pack I'm featuring.

          This image stays intact, and all of the descriptive text is in its correct formation... with the exception of the actual product page, which is the page I redirected you to on my previous post.

          If you go to my home page and navigate your way to my general diet plr pack, you'll see that image disappear and the formatting go out of whack. I don't know if this will alter your recommended solution, but I'm imagining that it might.

          BTW, would you like weight loss or internet marketing plr? I'm about a paragraph and a half from finishing up my new IM niche plr pack, and you can have first dibs on it (and use it unaltered)!

          Thanks for calling my kiddo "adorable." We kind of like him around here.

          Gracias,

          Lee
          {{ DiscussionBoard.errors[5115838].message }}
          • Profile picture of the author angelie
            Hi Lee, great to see that you have fixed the missing image issue. Good luck in your business!
            {{ DiscussionBoard.errors[5116490].message }}

Trending Topics