Support » Plugin: WPtouch - Make your WordPress Website Mobile-Friendly » WPtouch padding on homepage and WooCommerce pages

  • Does anyone know how to remove the padding around a single page (i.e. my homepage) on WPtouch?

    Also, how do you add padding to certain WooCommerce pages for WPtouch? The cart page is fine, but my category and product pages don’t have any padding, so the content extends all the way to the edge of my mobile screen.

    Thank you.

    Btw, my site is http://www.trisef.com, and I am using Hueman theme.

    https://wordpress.org/plugins/wptouch/

Viewing 2 replies - 1 through 2 (of 2 total)
  • @wayne7941

    I use the following API hook to change the padding around the smilies.

    You could use similar and make a call to is_home() so that it only happens on your home page.

    function smiley_margin() {
    	echo '<style type="text/css">img.wp-smiley { margin: 0; display:inline !important; }</style>';
    }
    add_action( 'wptouch_post_head', 'smiley_margin' );

    Thanks mattyrob!

    Another way to add custom styling would be to add it in Appearance > Customize > Custom CSS.

    To target specific pages you could do something like:

    .term-cateogry-name {
    //Your custom CSS here
    }

    where “category-name” is the product category’s name in WooCommerce.

    Regards,

    Emilio Rivera,
    WPtouch Support

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WPtouch padding on homepage and WooCommerce pages’ is closed to new replies.