Alignment help needed

[jacy]

Hiya Forum,
I have attached 2 pics in the hope that someone can help me with alignment.

1) In pic 1 The first item has the spacing of how i would like all of my products to look. There's only one space between the product description, the more button etc. I don't know how i did that!! but thats how i want my products to look. The products undernieth look squashed up against the more button.

Could someone please tell me how i get the look of the first product for all my products?

Could someone also please tell me how i get a space between the section link -- Product catalogue/Notebooks/Compaq
and the description?

2) In pic 2 how do i achieve the same layout as the above but with a product image? The buy now button doesn't line up under the quantity as it does in the first pic.
Please explain clearly as I've got a few kangaroos loose in the top padock when it comes to understanding this stuff

Cheers and Thanks for reading

Jacy

[TraceyG]

Hi Jacy,

Are you using the same template for all of the products in pic1? To check, double-click on the first product and on the 'General' tab (click on the 'Advanced' button if you do not see this) check the 'Product Layout' template. Click 'OK' and then do the same to the next product. If it is not the same then select the correct template from the drop-down box.

To get more space between the section link and the products - go to the 'Advanced' menu and select 'Template Manager'. Click on the 'Section' tab (click on 'Change View' if you do not see any tabs) and then click on the 'Body' button. This should open the template in notepad. Search for 'NETQUOTEVAR:SECTIONLISTTOP' and add the code for a line break at the end of it so it looks like

NETQUOTEVAR:SECTIONLISTTOP<br>

To align the Quantity box with the 'Add to Cart' button, you need to open your 'Act_ProductLine.html' template (Advanced | Template Manager | Section tab | Product Line button). Find the following text:

<td align="LEFT" colspan="2"><span class="actxsmall">
NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
</span>

and change

<td align="LEFT"

to

<td align="RIGHT".

I hope this helps.

[jacy]

G'day Trace,

Thanks for replying. Yep I'm using the same template for all products. Thank you again I really appreciate your help!!

I now have 2 more questions for you or anyone who can answer them for me.

1)I am using the curves template and the product description is showing in veranda 12 bold I would like it to be Times new roman 14 bold. I tried searching the community for fonts and a lot of posts said to change the Actinic.css file. I searched my actinic folder and found about 10 files with that name!! so which one do i change and how exactly do i do it?

2) another spacing question is how do i put a space between the product name and the "more" button (I'm using the extended info pop up)

Cheers & Thanks,

Jacy

[Ben]

Hi Jacy

1)I am using the curves template and the product description is showing in veranda 12 bold I would like it to be Times new roman 14 bold. I tried searching the community for fonts and a lot of posts said to change the Actinic.css file. I searched my actinic folder and found about 10 files with that name!! so which one do i change and how exactly do i do it?

You can find actinic.css under Miscellaneous | CSS Files in the Template Manager. This lists the font-size for the body text on the site and you can increase it by entering a new size, e.g. if the size is xx-small, change it to x-small. Remember to do this for the link text as well. The font-family is also defined in actinic.css, but it uses a customvar. You can change the font family in Design Options | Site Defaults by entering a new value for the ACTCSSFONTFAMILY property.

2) another spacing question is how do i put a space between the product name and the "more" button (I'm using the extended info pop up)

The extended info button/text is normally displayed after the product description, so to create a space, open Act_ProductLine.html and replace:
NETQUOTEVAR:PRODUCTDESCRIPTION&amp;nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
with:
NETQUOTEVAR:PRODUCTDESCRIPTION<br>NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON

Ben

[jacy]

G'day Ben,
Thanks for helping, that worked

Cheers,

Jacy