The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
Closed Thread
 
Thread Tools Display Modes
  #1  
Old 10-16-2014, 12:09 AM
Panda1's Avatar
Panda1 is offline
Junior Member
 
Join Date: Jun 2013
Posts: 7
Default

Align attributes to the right


Hello,
I would like to align to the right the attributes fields.
Also, I would like to place them under the product description.

Thanks!
  #2  
Old 10-16-2014, 12:22 AM
Maristany's Avatar
Maristany Maristany is offline
Senior Member
 
Join Date: Dec 2009
Posts: 419
Default

Hi, can you post a link to the page where your store is added to have a look?
  #3  
Old 10-16-2014, 02:26 AM
Panda1's Avatar
Panda1 Panda1 is offline
Junior Member
 
Join Date: Jun 2013
Posts: 7
Default

I've managed to this only partly.
You can see that it says "brand" on the right side but the description is still aligned to the left.

As to moving the attributes below the description, I have not managed to do it yet

http://pandalabs.ecwid.com/#!/מצלמת-...egory=10970715
  #4  
Old 10-16-2014, 03:36 AM
Maristany's Avatar
Maristany Maristany is offline
Senior Member
 
Join Date: Dec 2009
Posts: 419
Default

Try removing this from your custom CSS theme
Code:
div.ecwid-productBrowser-details-descr span.ecwid-productBrowser-extraField-name-center {
    width: 100px;
    float: right;
    text-align: right;
}
and adding
Code:
div.ecwid-productBrowser-details-descr {
    text-align: right;            
}
div.ecwid-productBrowser-details-descr,
div.ecwid-productBrowser-details-descr > div {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.ecwid-productBrowser-details-leftPanel .ecwid-productBrowser-extraField-value-center,
.ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-extraField-value-side {
    padding: 0 10px 0 0;
}
  #5  
Old 10-16-2014, 07:15 AM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Quote:
Originally Posted by Panda1 View Post
I've managed to this only partly.
You can see that it says "brand" on the right side but the description is still aligned to the left.

As to moving the attributes below the description, I have not managed to do it yet

http://pandalabs.ecwid.com/#!/מצלמת-...egory=10970715
Hi,

I checked your store page here: http://pandalabs.ecwid.com/#!/מצלמת-...egory=10970715 and at this moment it looks like this: http://take.ms/WD0Ej
Also I checked your Custom CSS themes and it looks like you haven't added the styles, that Maristany suggested yet.

Is this the way you want it to look? Please let me know how exactly your page should look and I'll do my best to assist you.
Thank you.
__________________
Ecwid API and App Market Team
Ecwid Developer Website
  #6  
Old 10-16-2014, 10:47 AM
Panda1's Avatar
Panda1 Panda1 is offline
Junior Member
 
Join Date: Jun 2013
Posts: 7
Default

I've added the code and it works great!
The only thing is - can I eliminate the space between the description and the attributes? (so the attributes would follow immediately after the description)?
  #7  
Old 10-16-2014, 10:57 AM
Maristany's Avatar
Maristany Maristany is offline
Senior Member
 
Join Date: Dec 2009
Posts: 419
Default

Fine! Do you mean between 'Fujifilm...' and '...Brand' lines?
If so try this
Code:
div.ecwid-productBrowser-extraFields-center {
    margin: 0;
}
  #8  
Old 03-07-2016, 08:44 PM
Giovanni Zenone's Avatar
Giovanni Zenone Giovanni Zenone is offline
 
Join Date: Jan 2016
Posts: 10
Default

How can I put at the right side of the image of the product just the attribuite, not the description?
  #9  
Old 03-19-2016, 12:45 PM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Quote:
Originally Posted by Giovanni Zenone View Post
How can I put at the right side of the image of the product just the attribuite, not the description?
Hi Giovanni,

Thanks a lot for your message!

I am very sorry for such a terrible delay in replying. Can you please post here a link to your store so that we could check the attribute alignment?

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
  #10  
Old 03-19-2016, 07:50 PM
Giovanni Zenone's Avatar
Giovanni Zenone Giovanni Zenone is offline
 
Join Date: Jan 2016
Posts: 10
Default

Hi Clara, I need just to put the attributes (not the description) at the right side of the image. Using CSS.
http://fedeculturaassociazione.blogs...egory=18198140
see image attached

http://servizioimmagini.blogspot.com...ight-side.html
Closed Thread
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
align right, attributes

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:06 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.