header/logo margins

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • siaforum
    New Member
    • Mar 2017
    • 11
    • 5.2.x

    header/logo margins

    Hi

    I want to edit the margins above and below my logo but have no idea where in the css I should do this. Can anyone help? I want to make them smaller as currently the temporary logo I am using has a lot of black space above and below it which I want to reduce. Any help would be greatly appreciated. Thanks all.
  • Mark.B
    vBulletin Support
    • Feb 2004
    • 24286
    • 6.0.X

    #2
    Do you have a link to your site so we can take a look at the css?
    MARK.B
    vBulletin Support
    ------------
    My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
    My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

    Comment

    • siaforum
      New Member
      • Mar 2017
      • 11
      • 5.2.x

      #3
      Hi Mark, it's www.siaforum.co.uk

      Comment

      • Mark.B
        vBulletin Support
        • Feb 2004
        • 24286
        • 6.0.X

        #4
        Try adding this to css_additional.css:
        Code:
        #header .site-logo {
        padding-top: 0;
        padding-bottom: 0;
        }
        You can add this using Site Builder > Style > CSS Editor
        MARK.B
        vBulletin Support
        ------------
        My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
        My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

        Comment

        • siaforum
          New Member
          • Mar 2017
          • 11
          • 5.2.x

          #5
          Originally posted by Mark.B
          Try adding this to css_additional.css:
          Code:
          #header .site-logo {
          padding-top: 0;
          padding-bottom: 0;
          }
          You can add this using Site Builder > Style > CSS Editor
          Amazing, thank you!

          Comment

          • glennrocksvb
            Former vBulletin Developer
            • Mar 2011
            • 4011
            • 5.7.X

            #6
            The padding around the logo has associated stylevar for it. It's called titleimage_padding. It is recommended to use stylevars for style customizations if one exists before using css_additional.css template.

            Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

            Comment

            • Mark.B
              vBulletin Support
              • Feb 2004
              • 24286
              • 6.0.X

              #7
              Originally posted by Glenn Vergara
              The padding around the logo has associated stylevar for it. It's called titleimage_padding. It is recommended to use stylevars for style customizations if one exists before using css_additional.css template.
              Unless it's changed, I always found using the stylevar still left a "default" amount of padding, around 5px, even if set to zero. I'm guessing it related to a container within that logo area, rather than the logo area itself. Might have changed since though.
              MARK.B
              vBulletin Support
              ------------
              My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
              My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

              Comment

              • glennrocksvb
                Former vBulletin Developer
                • Mar 2011
                • 4011
                • 5.7.X

                #8
                The img logo itself has no padding or margin by default. It is the logo's container (#header .site-logo) that has the padding from the titleimage_padding stylevar.

                Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                Comment

                • Wayne Luke
                  vBulletin Technical Support Lead
                  • Aug 2000
                  • 73979

                  #9
                  It is six one way and half a dozen the other. The recommended method is whatever the customer is most comfortable with. Style Variables are added to the system to help those who are not comfortable with CSS. If you are comfortable with CSS, then by all means use it and override the defaults with css_additional.css.
                  Translations provided by Google.

                  Wayne Luke
                  The Rabid Badger - a vBulletin Cloud demonstration site.
                  vBulletin 5 API

                  Comment

                  • glennrocksvb
                    Former vBulletin Developer
                    • Mar 2011
                    • 4011
                    • 5.7.X

                    #10
                    Well, for me, I do what is better in performance regardless if I'm comfortable with CSS or not. If you customize your site all with custom CSS in css_additional even if there are stylevars available, then you would essentially duplicate the css and you would have unnecessary css in css_additional which would cost your page to load slower.

                    So what I generally do first is check if there are stylevars available. If yes, then I use stylevar. Otherwise, I use css_additional.

                    Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                    Comment

                    • Wayne Luke
                      vBulletin Technical Support Lead
                      • Aug 2000
                      • 73979

                      #11
                      You're a more advanced user than most of our customers. If you want to continue arguing about the support we provide, then do so in private. Arguing with the staff is against the terms of service.
                      Translations provided by Google.

                      Wayne Luke
                      The Rabid Badger - a vBulletin Cloud demonstration site.
                      vBulletin 5 API

                      Comment

                      • glennrocksvb
                        Former vBulletin Developer
                        • Mar 2011
                        • 4011
                        • 5.7.X

                        #12
                        Originally posted by Wayne Luke
                        You're a more advanced user than most of our customers. If you want to continue arguing about the support we provide, then do so in private. Arguing with the staff is against the terms of service.
                        I'm not arguing at all.

                        I just share what I know to make average and non-technical customers informed of what the best practice is. If that goes against what support says, then that's not my problem. But don't take it personally and see it as arguing.

                        Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                        Comment

                        Related Topics

                        Collapse

                        Working...