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: Neighborhood
• August 24, 2015 at 9:52 pm #206952
  commotion

  Member

  Post count: 26

  Hi guys.

  Quick question. How do I change the text size in the shortcode tables?

  Cheers!

  Steve

  August 25, 2015 at 7:18 am #207019
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  table.standard_minimal td{
  font-size:12px !important;
  }

  Thanks
  Mohammad

  August 25, 2015 at 10:02 pm #207418
  commotion

  Member

  Post count: 26

  Cheers Mohammad.
  That worked a treat… however the table isn’t displaying correctly on mobile devices. The table is flowing off the edge of the screen, rather than reflowing (see attached screen shot).

  Any ideas how to fix this?

  Best wishes

  Steve

  Attachments:

  You must be logged in to view attached files.
  August 26, 2015 at 6:38 am #207474
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me specific page url with issue.
  Thanks
  Mohammad

  September 2, 2015 at 6:05 pm #209871
  commotion

  Member

  Post count: 26

  Hi Mohammed.
  Sorry for the late reply.

  I’m afraid the page in question is behind a ‘Coming Soon’ plug-in generated front page. You’d have to be logged into the site to be able to view it.

  Instead I’ve attached a screen shot of the page as it appears in a desktop browser so you can get an idea of the construction of the page. As you can see I’ve added an accordion section under the description on the product pages. In the first accordion section is the table. Which looks great here, however it doesn’t collapse when viewed on a mobile phone.

  Even if I set either the accordion width or the text block width to something smaller (ie. 1/4) the table overflows this area and doesn’t collapse neatly. I suspect the culprit lies with how the table is set up in CSS.

  Any thoughts how to solve this issue?

  Best wishes

  Steve

  Attachments:

  You must be logged in to view attached files.
  September 3, 2015 at 4:43 pm #210194
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Steve,

  Can you add a WP login, I’ll see if I can provide you will some CSS.

  Thanks.

  September 3, 2015 at 5:20 pm #210207
  commotion

  Member

  Post count: 26

  This reply has been marked as private.
  September 4, 2015 at 1:34 pm #210456
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Steve,

  Have you changed your WP login URL? This is not working: http://bocarterboutique.com/wp-admin/

  Having tested the tables on my dev version, everything is working fine.

  Let me know.

  Thanks,
  David.

  September 4, 2015 at 2:24 pm #210468
  commotion

  Member

  Post count: 26

  This reply has been marked as private.
  September 7, 2015 at 9:17 am #210784
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  On small screens you would need to adjust the padding for the table, please use this CSS:

  @media only screen and (max-width: 767px) {
  
  .accordion-body section.container {
      padding: 0;
  }
  
  table.sf-table th {
      padding: 5px 5px;
  }
  
  table.sf-table td {
      padding: 5px 5px;
  }
  
  }

  Thanks.

  September 7, 2015 at 4:58 pm #211010
  commotion

  Member

  Post count: 26

  Cheers David.
  That’s certainly a bit better… however the whole table still isn’t showing on an iPhone screen (see attached screen grab).

  Any ideas how to solve this?

  Best wishes

  Steve

  Ps. I keep getting a message of “Fatal error: Call to a member function get_cart_url() on a non-object in /var/sites/b/bocarterboutique.com/public_html/wp-content/themes/neighborhood/includes/swift-framework/sf-content-display/sf-header.php on line 357” when not logged into the site. Any idea what’s causing this too?

  Attachments:

  You must be logged in to view attached files.
  September 8, 2015 at 5:01 pm #211401
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Steve,

  1)

  Is that an iPhone 5 you are using? Due to the table content, I can adjust the styles a bit more for this small screen size, please add this below the above code:

  @media only screen and (max-width: 480px) {
  
  table.sf-table th {
      padding: 1px;
  }
  
  table.sf-table th {
      letter-spacing: 0;
      font-size: 12px;
  }
  
  }

  2)

  If you increase my user permissions to administrator, I’ll see if I can troubleshoot that error message.

  – David.

  September 8, 2015 at 6:06 pm #211439
  commotion

  Member

  Post count: 26

  Perfect!

  Cheers for that David. 🙂

  I’ve just increased your user permissions as requested.

  Best wishes

  Steve

  September 8, 2015 at 6:19 pm #211446
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Steve,

  No problem.

  Testing your site now, logged out – I initially do not get any errors. Are there any steps I should take to replicate this?

  I notice you are using a caching plugin, I wonder if you have recently updated the plugin or theme and this caused the cache plugin to error, until it was cleared.

  – David.

  September 8, 2015 at 6:27 pm #211450
  commotion

  Member

  Post count: 26

  This reply has been marked as private.
• Back to forum

  Posted in: Neighborhood