ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• February 23, 2014 at 10:31 pm #51157
  tangent24

  Member

  Post count: 23

  Hello,

  Is it possible to render text as full-justify in full-screen mode but force a left justify for tablet and phone (given the awkward word spacing that sometimes results within narrow columns). Is there a quick piece of custom css that might solve this issue?

  Thanks!

  February 25, 2014 at 11:56 am #51598
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Take a look at this: http://www.w3schools.com/cssref/css3_pr_text-justify.asp

  – Kyle

  February 25, 2014 at 7:56 pm #51816
  tangent24

  Member

  Post count: 23

  Thanks for the speedy reply, Kyle!

  Not sure that gets at my issue. If possible, I would like for text justification to take on certain characteristics above a certain screen width (i.e. full justification above 968px) then switch to left justification below 968px (i.e. left justification) for better rendering on tablets and smartphones.

  The text-justify code you referenced doesn’t seem to address this responsive theme question (or at least my humble understanding can’t connect the dots). Also, it seems like the page you forwarded is only relevant for the IE browser.

  Please advise!

  February 26, 2014 at 8:55 am #51905
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Are you referring to text-align?

  To change the css depending on the width then you use media queries. Are you familiar with them?

  – Kyle

  February 26, 2014 at 1:44 pm #52064
  tangent24

  Member

  Post count: 23

  Thanks, Kyle. I am conceptually aware of how media queries work but not sure where to make any changes or what specific code to add. Any help would be greatly appreciated! (ideally would like to make any edits in the child style.css if possible to preserve through future Flexform updates…)

  February 26, 2014 at 2:14 pm #52076
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi, you will need to use something like this:

  @media only screen and (min-width: 998px) {

  CSS HERE

  }

  Hope this helps!

  – Kyle

• Back to forum

  Posted in: Flexform