Align product details

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Mar 26, 2013 4:47 pm
Reply with quote
Report this post
Hello,

I´ve a problem to align this button.How could I align it?

Image
User avatar
Expert Boarder

Konrad M
Thu Mar 28, 2013 8:21 am
Reply with quote
Report this post
Hi,
can you give us url to your website? It will be much easier to help you.
User avatar

GK User
Thu Mar 28, 2013 8:12 pm
Reply with quote
Report this post
Hello Konrad.

Here the url http://www.vimistore.es/

Thanks!
User avatar
Expert Boarder

Konrad M
Fri Mar 29, 2013 3:48 pm
Reply with quote
Report this post
Please try add to override.css
Code: Select all
.catProductDetails {
    display: block;
    float: left;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Tue Apr 02, 2013 1:11 pm
Reply with quote
Report this post
Hello Konrad!

It doesn´t appear align. I show you a screenshot
User avatar
Expert Boarder

Konrad M
Wed Apr 03, 2013 9:05 am
Reply with quote
Report this post
In your override.css I see:
Code: Select all
.catProductDetails {
    display: block;
}


and should be:
Code: Select all
.catProductDetails {
    display: block;
    float:left !important;
}

User avatar

GK User
Mon Apr 08, 2013 9:26 pm
Reply with quote
Report this post
Hello Konrad,

i changed the correct code and it appears the product details on the left and doesn´t align at the same height:

Regards
User avatar
Expert Boarder

Konrad M
Tue Apr 09, 2013 6:13 am
Reply with quote
Report this post
And how exactly it should display ?
User avatar

GK User
Thu Apr 11, 2013 4:48 pm
Reply with quote
Report this post
Hello Konrad,

if you see the before image it doesn´t appear the "detalles de producto" at the same height. For example:
User avatar
Expert Boarder

Konrad M
Fri Apr 12, 2013 6:53 am
Reply with quote
Report this post
They aren't at the same height becasue titles have diffrent height. Please try add this to override.css
Code: Select all
h3.catProductTitle {   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

and remeber to enable override.css option in template settings.
User avatar


cron