Title: Responsive behaviour Last modified: August 21, 2016 --- # Responsive behaviour * Resolved [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/) * Hi I needed a pricing box, found metaphor shortcode. I tried it and the design seems to suit what i want. Good. * I use princing tables and pricing list But problem, it’s not responsive at all on smartphone, (i tried severals, android, ios, windows phone). * I’m wondering how to get it responsive ? example : if i set 2 rows – rather than put them near each other horizontaly, how to set each row veticaly” * On another and, a (perhaps “not required”) title for for _price tab in list syle_ is possible to set ? i’m trying to add it but i need to customized code and i’m a so poor coder so i don’t even know what to tweack ! Best regards * [http://wordpress.org/extend/plugins/mtphr-shortcodes/](http://wordpress.org/extend/plugins/mtphr-shortcodes/) Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/responsive-behaviour/page/2/?output_format=md) [→](https://wordpress.org/support/topic/responsive-behaviour/page/2/?output_format=md) * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693071) * I have a filter setup to enable this… I will add an actual settings page/option for this in a future update, but I haven’t had time yet to implement. * Add this into your functions.php file of your theme: * ``` ``` * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693073) * ok Thanks for quick support. I try this. * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693079) * My theme is not compatible with this lines of code in function.php (i use pinboard theme). Any of my pages load anymore (blank page). I search what’s the problem, perhaps a bad saving when closed function.php * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693086) * OK. Thank you for the time spent on it. it’s works fine. Problem came on my side. * New thing : I quickly tried to translate the us_US.po I don’t know what’s the problem with, it doesn’t work. [The po file is here](http://dl.free.fr/oJlgaFXMX) * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693101) * I’m sorry to arrass you. I’m close to what i need. Last question is how center a pricing box condended or, or style text ! ? Did a lot of tricks but nthing works. [Example here](http://ama.kegtux.org/?page_id=92) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693103) * If you want to centre the text, use this CSS; * ``` .mtphr-pricing-table-list p { text-align: center; } ``` * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693105) * ok thanks 😉 That’s not what i need. I have to center price tab, no text in price tab * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693138) * If you want to edit the english translation file, you need to generate an .mo file as well. Install the CodeStyling Localization [http://wordpress.org/extend/plugins/codestyling-localization/](http://wordpress.org/extend/plugins/codestyling-localization/)( it’s what I use) to modify the translation and create the .mo file. * Keep in mind, that any updates to the plugin will overwrite your updates, if you are modifying the English translation. * I would highly suggest using the gettext filter if you just want to change a couple words. Check out this intro to it: [http://pippinsplugins.com/introduction-gettext-filter-wordpress/](http://pippinsplugins.com/introduction-gettext-filter-wordpress/) * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693140) * Can you link to a screenshot of what you are trying to center? I can’t tell exactly what you are referring to. * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693146) * OK for translation tips, i prefer creating a po and mo and leave it in metaphore shortcodes. it’s more proper way, even if there are only few word it’s right. i used poedit but i dont figure out what’s wrong. i take a look a this. * [Here is a picture of what i need](http://ama.kegtux.org/wp-content/uploads/Capture22.jpg). * While i have you, i have add fake title, a simple line of line above price tab list [A picture here](http://ama.kegtux.org/wp-content/uploads/Capture2.jpg) * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693246) * What can i do for this ? Really unable to center this. it’s hell to add title too I wait for something, help or update ? or i’d better look for something else? * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693247) * Feel free to use another plugin. * To center just place the shortcodes within your own div and use span6 on each. I haven’t tested it but it should work: * ```
[pricing_table span="6" start="true"] .... [/pricing_table][pricing_table span="6" end="true"] .... [/pricing_table]
``` * If you want to add a titles above the lists create a set of grid shortcodes above: * ```
[grid span="6" start="true"] Title 1 [/grid][grid span="6" end="true"] Title 2 [/grid] [pricing_table span="6" start="true"] .... [/pricing_table][pricing_table span="6" end="true"] .... [/pricing_table]
``` * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693248) * ah ok no it don’t works. i allready tried a long time ago to **set a larger** for the tables and set margin to **auto** but this don’t works. With 600px, the tables are shortened and are not in the center !!!!! this is not a pro looking. If i set larger to 90% for example, tables don’t even move. * For the second tip, i need a title on pricing tab in style=”list”. This way, it’s not responsive. * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693251) * Ok, I guess you’re right about the titles. I’ll add in the option to have a title in list mode in the future. * As for centering, my example does work. You need to set the span to 6 on both tables to fill up 100% of the area (if you are only showing 2 tables). Then just wrap your tables in a div with a set width (use max-width for responsiveness) and center them. Copy the following into your post (in html mode): * ```
[pricing_table span="6" start="true" style="condensed" title="BASIC" dollar="$9" cents="99"] 1 Website 1 Email Address 10GB Bandwidth 10GB Storage Space 24/7 Support Line [/pricing_table][pricing_table span="6" style="condensed" title="PREMIUM" dollar="$29" cents="99" end="true"] 5 Websites 5 Email Addresses 50GB Bandwidth 50GB Storage Space 24/7 Support Line [/pricing_table]
``` * Thread Starter [mister klucha](https://wordpress.org/support/users/mister-klucha/) * (@mister-klucha) * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-behaviour/#post-3693252) * max-width rather than with works great indeed. Works fine. Thanks for help. and your reactivity. I’m waiting for your next update… i stop bothering you after. 🙂 🙂 I’m sure the threads i started and the updates done with be really useful for the plugin, its audience/reception. Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/responsive-behaviour/page/2/?output_format=md) [→](https://wordpress.org/support/topic/responsive-behaviour/page/2/?output_format=md) The topic ‘Responsive behaviour’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/mtphr-shortcodes_413d22.svg) * [Metaphor Shortcodes](https://wordpress.org/plugins/mtphr-shortcodes/) * [Frequently Asked Questions](https://wordpress.org/plugins/mtphr-shortcodes/#faq) * [Support Threads](https://wordpress.org/support/plugin/mtphr-shortcodes/) * [Active Topics](https://wordpress.org/support/plugin/mtphr-shortcodes/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/mtphr-shortcodes/unresolved/) * [Reviews](https://wordpress.org/support/plugin/mtphr-shortcodes/reviews/) * 16 replies * 3 participants * Last reply from: [mister klucha](https://wordpress.org/support/users/mister-klucha/) * Last activity: [13 years ago](https://wordpress.org/support/topic/responsive-behaviour/page/2/#post-3693284) * Status: resolved