Joomla Templates Club 406,261 posts

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#180282

Hi there,

I need to align attribute box to the right so it won’t show not align. Also give a vertical space between one attribute and another so they won’t be tight vertical.
This is what I have in vmsite-ltr.css:
/* Custom Field Images */
.product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;}
.product-fields .product-field label {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;} /* For 4 images across use width:17% */
.product-fields .product-field input {position:relative;left:33px;}
.product-fields .product-field .vm-img-desc {font-size:9px;}

So what do I need to change?

Please check image attached.

Thanks in advance,

Tulio

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#465574

Hi Tulio
Could you share your website link? Then i have a look and help you out.

Regards,

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#465647

Sure,

http://www.somosnovias.com

Thanks for your reply Hero.

Tulio

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#465668

Hi Tulio
You should add style css as below

.product-fields .product-field .product-field-display {
float: right;
margin: 1px 250px 1px 0;
}
Hope that can help you!

Regards,

1 user says Thank You to HeR0 for this useful post

1. tulio

[tulio Friend tulioJoin date: May 2008Posts: 123Downloads:0Uploads:29 Thanks: 14]

#465739

Thanks Hero,
Nice.

Tulio

[turbogoat2011 Friend turbogoat2011Join date: July 2011Posts: 23Downloads:0Uploads:6 Thanks: 7]

#468603

This works, but seems to push the attributes nearly off the left side of the iPhone version. Any fixes?

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#468615

Hi Turbogoat2011
Pls try add

.product-fields .product-field .product-field-display {
float: right;
margin: 1px 250px 1px 0;
}
into of end file templates/ja_vintas/css/iphone/template.css
Reduce margin right from 250 to value which is suitable with iphone layout.

Regards,
<em>@turbogoat2011 340384 wrote:</em><blockquote>This works, but seems to push the attributes nearly off the left side of the iPhone version. Any fixes?</blockquote>

1 user says Thank You to HeR0 for this useful post

1. turbogoat2011

[turbogoat2011 Friend turbogoat2011Join date: July 2011Posts: 23Downloads:0Uploads:6 Thanks: 7]

#469002

Don’t know why I didn’t think of that, but thank you. 50px worked perfectly.:)

[Author]

Posts