Table Text Size

[commotion]

Hi guys.

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

Cheers!

Steve

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

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

Thanks
Mohammad

[commotion]

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.

[Mohammad – SUPPORT]

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

[commotion]

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.

[David Martin – Support]

Hi Steve,

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

Thanks.

[commotion]

This reply has been marked as private.

[David Martin – Support]

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.

[commotion]

This reply has been marked as private.

[David Martin – Support]

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.

[commotion]

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.

[David Martin – Support]

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.

[commotion]

Perfect!

Cheers for that David. 🙂

I’ve just increased your user permissions as requested.

Best wishes

Steve

[David Martin – Support]

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.

[commotion]

This reply has been marked as private.