.su-column float: right; need fix

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 –

https://codex.www.ads-software.com/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 :).

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 }
}