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
• October 28, 2014 at 10:14 pm #123848
  Benbull1

  Member

  Post count: 13

  Hi there, I have created a pricing table using your template on Flexform. I’d like to colour the columns different colors like the ‘Highlighted’ column is, so that each one is different. I can’t work out how to do it!

  Also, how do I set it so that mobile visitors get directed to a certain page that doesn’t take its staying from flexform.

  October 29, 2014 at 10:35 am #124048
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .labelled-pricing-table .pricing-table-column:nth-child(2) .pricing-table-package, .labelled-pricing-table .pricing-table-column:nth-child(2) .pricing-table-price {
    background-color: #111111;
  }

  For different columns you need to change the number in the brackets

  I’m not sure what your second question is?

  – Kyle

  October 29, 2014 at 10:39 am #124054
  Benbull1

  Member

  Post count: 13

  Perfect thank you, sorry spellcheck changed my second question. I meant to say is it possible to set the mobile site to not get its staying from Flexform? Im struggling to properly customise the mobile site without it looking like a scaled down version which isn’t really what I want.

  October 29, 2014 at 10:40 am #124055
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  So you don’t want to use Flexform for mobile sites?

  – Kyle

  October 29, 2014 at 10:41 am #124057
  Benbull1

  Member

  Post count: 13

  Thats correct, just tablet and desktop ideally.

  October 29, 2014 at 10:43 am #124058
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I’m afraid that’s not possible with the theme, you would have to custom develop something for that

  – Kyle

  October 29, 2014 at 10:45 am #124059
  Benbull1

  Member

  Post count: 13

  Ok thanks for your help. Just one more thing, which css file should I add that code too?

  October 29, 2014 at 10:53 am #124063
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Theme Options > Custom CSS

  – Kyle

  October 29, 2014 at 10:59 am #124065
  Benbull1

  Member

  Post count: 13

  That works! But it makes the whole square one colour, is it possible to have two different shades like the built in flex form ones? nu-mesh.com/pricing

  October 29, 2014 at 11:04 am #124066
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes split the CSS up, remove what I gave you and use this instead:

  .labelled-pricing-table .pricing-table-column:nth-child(2) .pricing-table-package {
    background-color: #111111;
  }
  .labelled-pricing-table .pricing-table-column:nth-child(2) .pricing-table-price {
  background-color: #444444;
  }

  October 29, 2014 at 11:05 am #124068
  Benbull1

  Member

  Post count: 13

  Perfect, I tried something along those lines but wasn’t quite right. Thanks for your quick responses. Great theme!

  October 29, 2014 at 11:15 am #124070
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

  – Kyle

• Back to forum

  Posted in: Flexform