WordPress.org

1. Johnny Bravo
   Member
   Posted 2 years ago #
   

   hi guys
   i'm using ecwid as my shopping cart and have had a nagging problem of 40px extra whitespace above the cart. http://artbyherbie.com/store

   in firebug/chrome it shows up as an extra <p>...</p> element with a class in my theme called entry.p (which is applied to all my pages and posts!) i tried changing this but it wrecked the look of all my pages and posts.

   the page contents:

   <strong>Home> The Shop></strong>
   <p><h3>Get Shopping</h3>Welcome to my online shop, super-tastic and super-fast, here you can browse and buy various products and services, only available on ArtbyHerbie.com.</p><script>
   ecwidMessages = {
   "CategoryPathPanel.category":"ArtbyHerbie.com: ",
   "CategoryPathPanel.store":"The Shop"
   }
   </script>
   <script type="text/javascript" src="http://app.ecwid.com/script.js?339157" charset="utf-8"></script>
   <script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(3,3) list(10)","categoryView=grid","searchView=list","style="); </script>
   <noscript>Your browser does not support JavaScript. Please proceed to <a href="http://app.ecwid.com/jsp/339157/catalog">HTML version of ArtbyHerbie.com</a></noscript>

   any CSS experts out there who can help?

2. lockettpots
   Member
   Posted 2 years ago #
   

   Find this in your stylesheet

   html#ecwid_html body#ecwid_body div.ecwid-productBrowser {
   
       padding: 0px 10px 20px 10px;
   
   }

   and add
   margin-top: -50px;
   so that it reads

   html#ecwid_html body#ecwid_body div.ecwid-productBrowser {
   
       padding: 0px 10px 20px 10px;
       margin-top: -50px; //or whatever you want
   }

   I don't think this will have adverse effects elsewhere.

3. Johnny Bravo
   Member
   Posted 2 years ago #
   

   thanks lockettpots, seems to work OK.

   i added the following to my ecwid css:

   div.ecwid-productBrowser {
   padding: 0px 10px 20px 0px;
   margin-top: -60px; //or whatever you want
   }

   and it seems to work fine, however someone also suggested to use the following instead:

   div#post-3264 .entry p {
   margin: 0;
   }

   what do you suggest? thanks, you're a life-saver!

4. lockettpots
   Member
   Posted 2 years ago #
   

   I think the one I posted will give you a bit more control

5. Johnny Bravo
   Member
   Posted 2 years ago #
   

   thanks!

Topic Closed

This topic has been closed to new replies.