Hi
Is it possible to set the attributes text above the case and set the case to be left .
This mods will avoid hiding attributes text when too long .
Also always in attributes the text box isent meeting the responsiveness.
Regards
Ghiz.

You can do that playing with CSS though.

Thanks for reply
But my skill aren't as good as you maybe thats why i will ask Osclasspoint to help here.
Ghiz.

@Ghiz
You can add following to css of plugin (at bottom):
@media screen and (max-width: 767px) {
  #atr-item .atr-name, #atr-item.atr-theme-veronika .atr-name {width:100%;}
  #atr-item.atr-theme-veronika .atr-value, #atr-item .atr-value {width:100%;}
}


I have place the css in user css changed the theme name veronika to stela, did not change the text position so i tried it in bootstrap-switch.css nothing here to.
Please look at the pic i did send at first this explane well how text is place in plugin, by placing text above the form it make the form look like the theme form.
Regards.

Sir
Could you please send the codes lines to have the attribute item and form to be one above the other please not for phone edition only but change the way its set in css.
Regards
Ghiz.

@Ghiz
You can add following to css of plugin (at bottom):

Code: [Select]

@media screen and (max-width: 767px) {
  #atr-item .atr-name, #atr-item.atr-theme-veronika .atr-name {width:100%;}
  #atr-item.atr-theme-veronika .atr-value, #atr-item .atr-value {width:100%;}
}


just remove first and fourth line

Hi
I use stela theme
Could you please be more specific in wich css i change the first and fourth line is it in user.css? or other? is it in section of ITEM ? Form? in css?
Thank you for your patience
Regards
Ghiz.
Here is the codeline in user.css section ITEM

/* ITEM */
#atr-item, #atr-item * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#atr-item {margin:20px 0;display:inline-block;width:100%;clear:both;padding:0;list-style-type:none;}
#atr-item li {display:inline-block;width:100%;margin:0 0 15px 0;padding:0;vertical-align:text-top;}
#atr-item li.atr-type-checkbox, #atr-item li.atr-type-select {margin-bottom:10px;}
#atr-item .atr-name {width:30%;display:inline-block;vertical-align:top;}
#atr-item .atr-value {width:65%;display:inline-block;}
#atr-item .atr-value-single {margin-right:20px;margin-bottom:5px;width:auto;display:inline-block;}
#atr-item .atr-value-single img {margin-right:5px;vertical-align:middle;height:16px;width:auto;margin-top:-1px;}
#atr-item .atr-value-single img:not(.atr-img-def) {margin-right:7px;}
#atr-item .atr-empty {font-style:italic;font-weight:100;color:#999;}
#atr-item .atr-value-single.atr-disabled {opacity:0.3;}
#atr-item .atr-value-select .atr-value-single {margin-right:10px;}
#atr-item .atr-value-select .atr-value-single:after {content: "\f105"; font-family: "FontAwesome"; margin-left: 10px; font-size: 16px; color:#999;}
#atr-item .atr-value-select .atr-value-single:last-child:after {display:none;}

Hi
You say delete the first and fourth lines.
In which css file?
And in which Stella section CSS?
Ghiz.

@Ghiz
I am not sure, is this question on post from 27. february?

@Ghiz
You can add following to css of plugin (at bottom):

Code: [Select]

@media screen and (max-width: 767px) {
  #atr-item .atr-name, #atr-item.atr-theme-veronika .atr-name {width:100%;}
  #atr-item.atr-theme-veronika .atr-value, #atr-item .atr-value {width:100%;}
}


You can add following to css of plugin
so it will be plugin folder / css / user.css

Yes the 27 feb
In post you also say just remove first and fourth line
I use stela is this appropriate with stela?
Ghiz

@Ghiz
Sorry I am lost. Read post by post and there will be no such question. It makes hard to provide support when people does not want to read instructions and even spend 2 minutes to try them before asking.