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
  #11  
Old 03-22-2016, 04:36 PM
Clara K's Avatar
Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default


Quote:
Originally Posted by Giovanni Zenone View Post
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
Hi Giovanni,

Thanks a lot for your message!

Have you tried to move the attributes to the right panel? This can be done in your Ecwid Control Panel > Catalog > Product Types page (https://my.ecwid.com/cp/CP.html#product-classes:id=0). Select Show:In Right Panel, please see the screenshot: http://take.ms/NJUM8

Please let me know if this variant suits you.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


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

Thank you Clara, but it doesn't suit me. I want the attributes float at the right side of the image but not within the right panel.
By the way, how can I change the background color of the right panel?
Thanks
  #13  
Old 03-23-2016, 12:17 PM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Hi Giovanni,

Thanks a lot for your message!

You can move the attributes to the right of the image with the help of the following CSS code:

Code:
div.ecwid-productBrowser-extraFields-center {
    margin-bottom: 10px;
    text-align: left;
    width: 240px;
    float: right !important;
    position: relative;
    top: -517px;
}

And here is the code for changing the color of the right panel:
Code:
div.ecwid-productBrowser-backgroundedPanel {
   background-color: RED;
}
The codes should be added to your active CSS theme in your Ecwid Control Panel > Settings > Design > CSS themes.

Please remember to save the changes.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


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

Thanks Clara! The first code however is not working well, it is overlying the right panel, see image. Solution?


http://servizioimmagini.blogspot.it/...ttributes.html
  #15  
Old 03-23-2016, 12:44 PM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Hi Giovanni,

I am very sorry for the trouble.

Please use the following code instead if the first one:

Code:
div.ecwid-productBrowser-extraFields-center {
    margin-bottom: 10px;
    text-align: left;
    width: 240px;
    position: relative;
    left: 320px;
    top: -570px;
}
Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


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

Well now for the attributes position Clara, thanks, but the descritrion now is too much below, see image.
http://servizioimmagini.blogspot.it/...too-below.html
  #17  
Old 03-23-2016, 01:00 PM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Hi Giovanni,

Please use this code to move the description higher:

Code:
div.ecwid-productBrowser-details-descr div {
    float: none;
    overflow: hidden;
    position: relative;
    top: -300px;
}
Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


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

Worst. The words of attributes almost desappear.
http://servizioimmagini.blogspot.it/...-desapper.html

Could you try to see my customizations in css and help me there?
My store id is 7829491
  #19  
Old 03-23-2016, 01:55 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
Worst. The words of attributes almost desappear.
http://servizioimmagini.blogspot.it/...-desapper.html

Could you try to see my customizations in css and help me there?
My store id is 7829491
Hi Giovanni,

I am very sorry once again for this trouble, here is the code for fixing it:

Code:
div.ecwid-productBrowser-details-descr .gwt-HTML {
    float: none;
    overflow: hidden;
    position:relative;
    top:-300px;
}
I have added the code to your CSS theme and it is working.

Please check it on your end.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
The Following User Says Thank You to Clara K For This Useful Post:
Giovanni Zenone (03-23-2016)
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 02:48 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.