View Single Post
  #16  
Old 11-28-2012, 03:05 PM
Kess's Avatar
Kess Kess is offline
Senior Member
 
Join Date: Feb 2012
Posts: 2,071
Default

Quote:
Originally Posted by Hiki-fuda.com View Post
Kess

I tried following your instructions about removing code for the second mini cart and the store became a mess. I don't really know why, but I went back to the beginning and replaced all of the code. I succeeded at placing the mini cart in the right hand column, but I'm not really sure if I remade the store properly. Before, the mini cart displayed only on the store page. Now it shows on every page of the site.

I succeeded with your code for moving the "sign in" text. I didn't understand that the "store" text was for breadcrumbs. I like the idea of having breadcrumbs, so I just left that alone. I don't like the way it looks, but I want to maintain the functionality. Isn't there a simple way to reduce the width of the top margin in my store? It looks I have at least 100 px of space between the black horizontal navigation bar and the top of the product browser.

Speaking of how things look, I following the directions at the below link to change the formatting of the product text, which in grid mode looks too big.

http://www.ecwid.com/forums/showthread.php?t=9341

I pasted that code into Ecwid-->Design Settings-->Custom CSS Themes, but that didn't work.

Here's what I want to do:

I like the size of the SKU font, but the product name font is too big. The price font is also too big. I want the SKU, product name and price to remain centered beneath the product, but I want to be able to specify the font size, font type, font color and font decoration for all of these.

Where can I find the code and where do I paste it? (I can edit the code to change the font size, color, etc. myself).

So sorry to keep bothering you with these requests. I really appreciate your help.

Mike
I have checked your site pages code. For example, on the http://www.hikifuda.com/ page you have:

Code:
<div> <script type="text/javascript" src="http://app.ecwid.com/script.js?1563010"></script> <script type="text/javascript"> xMinicart("style="); </script> </div>
    </div>
and that is why the Minicart is displayed on every page of your site. I would recommend removing this code from the root page code, if you do not want the cart to be present on the pages, not related to the store.

As for moving the product browser up: there are two thing that I would suggest:
1. Remove <h3 class="entry-header">Store</h3> titlte from the HTML code of the page and add it to your Ecwid control panel -> Catalog -> Categories -> click on "Store" in the left-hand list and add <h3 class="entry-header">Store</h3> to the Description field there.

2. Think of moving the search widget to some other place. For example, it can also be moved to the sidebar, under the Minicart. What would you say abou this idea?

3. Add this CSS rule to your Ecwid CSS theme:
Code:
div.ecwid-productBrowser-categoryPath {
padding-top: 0px;
}
Please let me know if the result suits you.

How to change the font properties of the product names links in products grid:
Code:
div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productNameLink a:visited {
font: normal 13px helvetica, arial, verdana, sans-serif;
color: black;
}
in this rule you can change the size (13px), style (normal), font family and color. You need to add this rule (with your own property values) to the end of your Ecwid CSS theme in Ecwid control panel -> System Settings -> Design- CSS Themes.

SKU font CSS rule:

Code:
div.ecwid-productBrowser-sku {
font: normal 13px tahoma, geneva, verdana, sans-serif;
color: #1E2C38;
}
so to change the SKU font you also need to add this rule to your CSS theme with your own properties values.

And here is the code for the product price font:
Code:
div.ecwid-productBrowser-price {
font: normal 24px tahoma, geneva, verdana, sans-serif;
color: #A20505;
}
Should you need further assistance, please feel free to contact us.