Store appear on top most!

Viewing 4 replies - 1 through 4 (of 4 total)

  • After a quick look it appears to be a conflict with your theme CSS. Your theme uses the same CSS expressions as the store does and so one is overriding the other. They both use a form of 960_24_col.css. You either have to edit your theme/page templates (and the corresponding theme stylesheet) with different names or try a different theme. You could try changing all the store CSS tags, but there are far too numerous and it would take you a very long time.

    The main culprit (to start with) is container_24 which appears in both the store CSS and the theme CSS: /themes/u-design/styles/common-css/960.css

    Thread Starter Sampheap

    (@sampheap)

    Seem like a daunting task for me. Yes, I’ll change, but change to Woo.
    Thanks a lot for the tip.

    Thread Starter Sampheap

    (@sampheap)

    Anyway, got a reply from the theme author:

    Hi,
    my theme is built with 960-grid system 24 column, but it doesn’t have a file called “960_24_col.css”, so I’m not sure what you’re referring to.
    The theme is compatible with WordPress WooCommerce plugin, I’ve provided more info in the Description area if you’d like to check it out.
    Regards

    It may not have a file called 960_24_col.css (as the store does), but it does have ‘container_24’ which appeared in both the store CSS and the themes stylesheet: /themes/u-design/styles/common-css/960.css.

    No matter what the stylesheet is called, both style sheets are based upon the same 960-grid system 24 column and so share the same components which causes the clash.

    More info on 960 24 column:
    https://net.tutsplus.com/tutorials/html-css-techniques/mastering-the-960-grid-system/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Store appear on top most!’ is closed to new replies.