X-Cart forums

[shartz]

Hi, I am new to smarty template programming, even I have years of PHP/C/Perl programming, I have problems with figuring out the CSS/Smarty programs. I tried few days but can not figure out. I will appreciate who can give some hints. All of them are templates alignment problems, I have pictures uploaded for each problem.

1. How can I lift "Categories" from the dot line a little bit? I know I need to look at /skin1/admin/main/categories.tpl or /skin1/categories.tpl, I dont know where I can insert the spacer.
http://farm5.static.flickr.com/4154/4953677614_853661115b_m.jpg

2. In the speed link, the leading arrow mess with the text. Where can I insert spacer? I know file /skin1/tab.tpl, but I dont know how to do. BTW, this problem only exist for IE 6, not for Chrome or Firefox.
http://farm5.static.flickr.com/4114/4953686324_c53fdfd401_m.jpg

3. In FAQ area on front page, why "contact us" is always on top? I want to remove it because there is a big "Contact us" on corner of my website. I know it is /skin1/help.tpl, but dont know how to delete it.
http://farm5.static.flickr.com/4082/4953677708_0472d6c578_m.jpg

4. In FAQ area on mysite.com/help.php, all the leading image is messed up wit text. I need to insert spacer as well, but dont know where and how to edit it.
http://farm5.static.flickr.com/4132/4953106597_68c2402331_m.jpg

[jprevost]

Look at using the Firebug plugin for Firefox for troubleshooting CSS issues. Also, using webmaster mode will help find each template being called. #1, #2 and #4 can be taken care of by editing the appropriate css file. For #3 look in your static pages list and see if you can uncheck the show link box for contact us page.

[cflsystems]

This are all css styling issues not smarty. There are few css files and you may need to adjust css for IE only or Chrome only to get it to work in those browsers. For the conatct us link - open skin1/customer/help/menu.tpl and comment out the line that calls this link - it is a separate line outside the <ul>

[shartz]

Thanks guys! I fixed problem 3. For problem 1, 2, 4, can anyone provide more specific answer to them so I can start from there?

Lets take problem 1 for example, which .css file I need to adjust to have "Category" separate above the dot-line? and how? I am afraid changing the css will effect other portion of the website.

[shartz]

Please, experts, I beg for your help!!!

[cflsystems]

Use FF with Firebug - it will tell you exactly which class and in which file is located. You need to experiment with margins and/or paddings until is how you want it. Doing this in FF will not change anything for real but you can see the effect in real time and apply to the real files after you get it to work. Hard to tell you exactly what and where to change without real links to the issues

[shartz]

Thanks! Now it makes more sense to me. But some wired thing is the tag is hard to find for different browsers.