Support » Theme: Photolite » Possible conflict w/wpinked Widgets for Site Origin due to box-sizing tag

  • This may be all for naught, but since it might help someone in the same predicament as myself:

    I was trying to use the tab widget from wpinked’s Widgets for Site Origin plugin with a site built around the Photolite theme, but the tabs kept overlapping under the text to their right, as follows:
    http://kidzneurosciencecenter.com/wp-content/uploads/2017/11/tabs.jpg

    I verified this problem also exists with an unmodified version of Photolite along with a few other modified versions of Photolite I run on my own personal sites (all as child themes, of course).

    This said, I was able to fix the problem by inserting the following code in the child theme’s CSS:

    
    *,*::after,*::before {
        box-sizing: inherit;
    }

    It didn’t affect anything else on any of the sites I tested it on. With any luck, this should work for anyone running this combination. Good luck!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • The code above causes some issues with WooCommerce. Changed it to:

    *, *:before, *:after {
     -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box;
     box-sizing: border-box;
    }

    And all is well again.

Viewing 1 replies (of 1 total)
  • The topic ‘Possible conflict w/wpinked Widgets for Site Origin due to box-sizing tag’ is closed to new replies.