Left / right text

[micheal_w]

Hi guys,

Do you have any recommendation, how to align one word to the left and another to the right in the same line?

(the left one is going to be a text modal and the right one is a link)
I tried using the ‘column’ option from the “swift framework short codes”, having 1/2 + 1/2 and align them accordingly, but it didn’t work on the front end…

Any recommendation please?
thanks!

[Kyle – SUPPORT]

Hi

Not sure what you mean? Can you provide a link/screenshot and explain what you need to change

– Kyle

[micheal_w]

Hi Kyle,

http://lifewearau.wpengine.com/shop/test-product-2/

‘Size Chart’ (modal) aligned to the left
‘For kids sizes click here →’ (link) aligned to the right
…while both are in the same line.

is that possible? (with or without column)

[Kyle – SUPPORT]

http://d.pr/i/tNG/44g9eY0I what’s wrong with that?

– Kyle

[micheal_w]

I just photoshopped what I want (attached), the ‘For kids sizes click here →’ should be aligned to the right (it is now aligned to left in the second column)

ps. the right align option in the editor doesn’t do anything.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

.product-short .one_half.last {
  text-align: right;
}

– Kyle

[micheal_w]

thanks, almost good, the only issue that it goes to a separate line on mobile…

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this:

@media only screen and (max-width: 479px) { 
.product-short .one_half {
  width: 50%;
  float: left;
}
}

– Kyle

[micheal_w]

Awesome Kyle, thank you!

[Kyle – SUPPORT]

No problem!