Plugin Author
Vova
(@gn_themes)
Hi Khader,
no need to change float property. You’re just need to change margins and text-align properties.
Try to use next custom CSS:
.su-column {
direction: rtl;
text-align: right;
margin: 0 0 1em 4%;
}
.su-column-last { margin-right: 0; }
.su-row .su-column { margin: 0 4% 1em 0; }
.su-row .su-column:last-child { margin-right: 0; }
i have tried that before, but the thing is, the order of the column is stay the same, start from the left to right.
because that i have use float: right; to re-order the column and start from right to left.
@khader Ibrahim – these are free forums and people helping are doing so on their own time without getting paid, so help may not be as fast as you like – please don’t bump –
http://codex.ww.wp.xz.cn/Forum_Welcome#No_Bumping
@wpyogi sorry but my internment have been disconnected and reconnect and post my posts twice.
again sorry @wpyogi and @vladimir Anokhin
Okay, no worries. I’m sure he’ll get back to you as soon as he can :).
Plugin Author
Vova
(@gn_themes)
Hi Khader,
use this custom CSS. I’ve just tested it with Twenty Thirteen theme.
.su-column {
float: right;
direction: rtl;
text-align: right;
margin: 0 0 1em 4%;
}
.su-row .su-column { margin: 0 4% 1em 0; }
.su-row .su-column:first-child { margin-right: 0; }
@media only screen {
[class*="su-column"] + [class*="su-column"]:last-child { float: left }
}