Announcement

Collapse
No announcement yet.

How Center the Logo?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Forum] How Center the Logo?

    After upgrading to vB4.1.5 I had to rebuild a few things.

    How can I center the logo so that it fits in the middle of a screen no matter what the sizing? Here's a link to the landing page:
    http://www.The2ndKey.com

    When you "stretch" out the page on larger screens, it doesn't stay centered but formats to the left

    Appreciate the help!
    A forum for vacation home owners & property investors

    The2ndKey.com

  • #2
    Use the titleimage to display the logo and titleimage padding to align it, 930 pixels width for image.

    Some help from lynne...........https://www.vbulletin.com/forum/show...enter-the-Logo
    Last edited by josiah; Thu 8th Sep '11, 1:20am.
    <<<<<<<<< It is over there !

    Comment


    • #3
      Hi Josiah,
      The logo is already on the page. Don't I simply need to add <center> to two spots somewhere within the code?

      Again, here's the page in question with the logo currently aligned to the left:
      http://www.The2ndKey.com

      Thanks for the assist!
      A forum for vacation home owners & property investors

      The2ndKey.com

      Comment


      • #4
        The box indicated in the SS is the vB logo which has been removed leaving it behind, very unsightly,imo, if you enter your logo code into the "Titleimage" box having sized it to 930 pixels it should be correct, you can move it up, down or sideways using "Titleimage padding".

        You could enter this code into the additional css template..........


        .logo-image {
        clear:both;
        display:block;
        float:none;
        text-align:center;
        }





        Click image for larger version

Name:	LOGO.jpg
Views:	1
Size:	22.8 KB
ID:	3685321
        <<<<<<<<< It is over there !

        Comment


        • #5
          Brilliant! Can you confirm that the red X is no longer present in your browser?

          Thanks a ton, Josiah!
          Last edited by 4Play; Thu 8th Sep '11, 11:44am.
          A forum for vacation home owners & property investors

          The2ndKey.com

          Comment


          • #6
            Still there and logo not centred I'm afraid..........I had the same problem as you but solved it in the way I have posted.
            <<<<<<<<< It is over there !

            Comment


            • #7
              Drats! I checked the titleimage and entered the code into the css template.

              What am I missing?
              A forum for vacation home owners & property investors

              The2ndKey.com

              Comment


              • #8
                I would say double check the titleimage path (make sure you can open the image and it's a correct img format ie. .jpg, .gif, .png.) then try something like this in the additional.css
                Code:
                #logo {
                    position:absolute;
                    top:15; <-- adjust this number to get your result 
                    left:220px;<-- adjust this number to get you result
                }
                top:15; <-- adjust this number to get your result
                left:220px;<-- adjust this number to get you result

                I'm using it on a test skin/forum I'm working on currently with a image that is 900x100.
                www.cdmagurus.com
                www.cellphone-gurus.com

                Comment


                • #9
                  Despite my advice to make your banner 930 pixels wide you still have it at 1072 ???, this is far too large for the page, re size it, then set padding to T=30, R=0.L=0,B=0.
                  The image size you have in the Logo is 20 x 30 ??
                  <<<<<<<<< It is over there !

                  Comment


                  • #10
                    Save a 1 pixel dot as an image and load it to a folder in your ftp. Make sure it's the same color as the header background. Put the path to the image in titleimage. Red X should be gone.
                    ...

                    Comment


                    • #11
                      ...
                      ...

                      Comment

                      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                      Working...
                      X