Space between menu items

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #7705
    lukeliu
    Participant

      Hi Olly,
      Thank you for this great plugin.
      On the menu items, is there a way I can cut the space between each menu item? If you look my site, the white space between menu item is too big.
      uspsl.net

      Thanks
      Luke

      #7707
      Olly
      Admin & Mod

        > the white space between menu item is too big.

        looks fine to me actually, but if you prefer it differently , just do/edit/change/add some css

        #7708
        lukeliu
        Participant

          Hi, Olly,
          Thank you for quick response. Can you tell me the steps how to add the css? Should I do it from plugin or from theme? I am not very good at css, is it line-height I should modify?

          Thank you for being patient with me.

          #7709
          Olly
          Admin & Mod

            > Should I do it from plugin or from theme?

            either, makes no difference (but if your theme supports custom css, i would probably do it there)

            > is it line-height I should modify?

            more likely to be margins/paddings
            i.e
            .wppizza-article{margin: 0 !important ; padding:0 !important }
            (or similar)

            #7710
            lukeliu
            Participant

              Hi, Olly,
              I have made the change to style.css, I see a little change. Is it possible to cut more space between items?

              #7712
              Olly
              Admin & Mod

                >I see a little change.
                i can see quite a bit of change

                in any case , it’s the p tags – and their margings inside the posts (i.e your theme) – that cause most of your spacing

                .wppizza-article p{margin: 0 !important }

                from here on it’s your thing though….

                #7715
                lukeliu
                Participant

                  OK, got it, thanks, one more question, is it possible put a number order in front of each menu item? Like this;

                  1. menu item1
                  2. menu item2
                  3. menu item3
                  ….

                  I don’t see any option in the setting to do this.

                  Regards,

                  #7716
                  Olly
                  Admin & Mod

                    just add it to the title…

                    #7717
                    lukeliu
                    Participant

                      ok, Thanks.

                      #7815
                      lukeliu
                      Participant

                        Hi, Olly,
                        Which css field is to change menu categories font size and color? I have tried .wppizza-categories{font-size:12px!important;}. Seems no impact.
                        Regards,

                        #7820
                        Olly
                        Admin & Mod

                          you really need to learn how to use an element inspector

                          in chrome (others work similar), right click on an element where you need to find out what the classes/id’s are and click on inspect element , it will show you all you need to know in the console

                          i dont even know what menu categories where you are talking about. maybe its the title, but maybe it isn’t.

                          it might also be controlled by your theme.
                          as i have no link to your site I couldn’t even begin to guess.

                          #7821
                          lukeliu
                          Participant

                            Yes, I see it, Thank you.

                          Viewing 12 posts - 1 through 12 (of 12 total)
                          • The topic ‘Space between menu items’ is closed to new replies.