Theme development CSS and other faults in template

[Emilll]

So hey, I´m developing my second ecommerce page and ran into a few problems while developing the page,

 

my page = www.enpresentkorg.se

 

I attached a file to this topic and my problems are those that follow:

 

1. To the left you can see that the text is aligning a few inches to high, I´m kinda fussy about those things and I want the text to be center aligned to the "add to cart" if you understand what I mean, i tried to recode the CSS myself, but I don´t think I´m at the right place, maby someone could help me with this one?

 

2. To the right you can see that the box is a few inches lower than the others, and i just recently saw that, anyone know what I can do about it? (FIXED THIS ON MY OWN)

 

3. Also when you going into the link "www.enpresentkorg.se" it turns into "http://enpresentkorg.se/index.php?" with the index, is there some way to remove this?

 

4. Also as you can see on "short names.PNG" I´m having troubles with the names, I want them to be longer in my cart, where can i change the number of characters?

 

All help is greatly appriciated, thank you!

Edited February 7, 2014 by Emilll (see edit history)

[Sharak]

First of all you should use /theme/your_theme/ directory for changing .tpl and .css files. For now some of your changes are made in /modules directory instead and you will probably lose them if you upgrade your shop.

 

1. Edit /modules/addhomefeatured/css/addhomefeatured.css line 164 and change padding: 0; to padding: 15px 0;

As mentioned before changes should be saved in /themes/your_theme/css/modules/addhomefeatured/css/addhomefeatured.css

2. Looks ok to me, but to prevent this from happening you should set height for description block. In the same file as above, line 150 add this:

height: 60px;
overflow: hidden; /* this one is optional */

3. Check Preferences->SEO & URL, make sure Shop's domain is set to http://enpresentkorg.se and Base URI is set to /

4. Edit /themes/your_theme/modules/blockcart/blockcart.tpl, search for {$product.name|truncate:14:'...'|escape:html:'UTF-8'}. Change 14 to bigger number to make it longer or change the code to {$product.name|escape:html:'UTF-8'} to show full name. You may need to adjust styling after that.

Edited February 8, 2014 by Sharak (see edit history)