since major update, my custom responsive css dont work

WPPizza – A Restaurant Plugin for WordPress › Support › General Support › since major update, my custom responsive css dont work

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • 9 August, 2017 at 9:52 pm #29788
    vesaros
    Participant

      Hi and sorry to bother you again,

      since the major update from 2. to 3. my already existed customer css for responsive don’t work anymore.

      This is the content of my custom css:

      @media screen {
.wppizza-header .wppizza-title{margin-bottom:0}
.wppizza-article{width:100%;clear:both;overflow:hidden;padding:5px 0 !important;margin:0 auto 10px auto !important;}
.wppizza-article-tiers{float:right;margin:0 0 0 10px;}
h2.wppizza-article-title{font-size:140%;padding-bottom:0;margin:0}
.wppizza-article-info{}
.wppizza-article-info h2,.wppizza-article-info h3{display:inline;padding-bottom:0;margin:0}
.wppizza-article-additives{font-size:50%;margin:0 5px}
.wppizza-article-additives:before{content:'*'}
}

      I tried both methods for custom css.

      #1:
      https://www.wp-pizza.com/topic/making-the-default-css-responsive/
      Like the description inside this thread.

      #2:
      http://docs.wp-pizza.com/advanced/

      Both methods dont work anymore.
      Just take a look on > https://www.bravo-pizzaservice.de/unsere-speisekarte-3/pizza/ < with a mobile phone.
      With my custom .css the titel and additives should be smaller….

      Please dont missunderstand me, i don’t want any script support from your side, i just want to understand what changes have the effect after the update, so that my custom css dont work anymore.

      Again, sorry for bothering you again. 🙁

      Best regards,
      Vesaros

      9 August, 2017 at 10:27 pm #29792
      Olly
      Admin & Mod

        shouldn’t your
        https://www.bravo-pizzaservice.de/wp-content/plugins/wppizza/css/wppizza.style.css
        have some sort or rule / query – i.e width / screen whatnot ?

        I must admit , I never actually tried it without so may be wrong. ?!?!? (please correct me if indeed i am wrong here)

        9 August, 2017 at 10:34 pm #29793
        Olly
        Admin & Mod

          i’ll check a few things myself here too
          will get back to you

          9 August, 2017 at 10:43 pm #29794
          Olly
          Admin & Mod

            ok, so a simple
            @media screen {
            /*some declaration *
            }

            also seems to work
            let me see what i can find on your site there

            9 August, 2017 at 10:52 pm #29795
            vesaros
            Participant
              This reply has been marked as private.
              9 August, 2017 at 10:57 pm #29796
              Olly
              Admin & Mod

                ok, the classes (and elements) have changed somewhat as some where not very descriptive
                furthermore, the name and the additives have their own elements WRAPPED into an h2

                your .wppizza-article still works
                .wppizza-article-tiers are now wppizza-article-prices (but using ul li’s etc )
                .h2.wppizza-article-title is simply .wppizza-article-title

                essentially use your browser elements inspector to find out whats what
                if you need to refer to an old (v2) version you can go here
                https://www.wp-pizza.com/twentytwelve/ (or any of the other demos available from the top dropdown on that page)

                9 August, 2017 at 11:00 pm #29797
                Olly
                Admin & Mod

                  >Is there another css for the responsive part now active with another css rules?

                  the css has now (up to) 4 files

                  one general (for all styles)
                  one for default
                  one for responsive
                  one for grid
                  so one can mix and match layouts

                  again though, simply use your bowser element inspector for classes etc
                  and if you are really not getting declarations applied (because something else seomehwre messes things up) you can alwasy also try adding the !important attribute (though it would probably be better using the right distinct css )

                  9 August, 2017 at 11:06 pm #29798
                  Olly
                  Admin & Mod

                    one more thing (that might be some plugin, your theme or you yourself doing)
                    removing version numbers from resources is a bad idea

                    10 August, 2017 at 9:09 am #29801
                    vesaros
                    Participant
                      This reply has been marked as private.
                      10 August, 2017 at 12:03 pm #29802
                      vesaros
                      Participant
                        This reply has been marked as private.
                      • Author
                        Posts
                      Viewing 10 posts - 1 through 10 (of 10 total)
                      • The topic ‘since major update, my custom responsive css dont work’ is closed to new replies.