I can't get rid of the background overlap or underlap however you want to call it.

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • 2Luke2
    Member
    • Feb 2013
    • 37

    I can't get rid of the background overlap or underlap however you want to call it.

    When I put a picture in the ad space it's recreating the body_background image. The problem is I don't want to have to create another picture for it. I have tried to edit the ad_header css and add transparent background settings, but the only thing it will let me do is change the color transparent just shows me the background. So I have no idea how it's getting the background. Does anyone know a way around this? The reason I'm using this for a logo area is because the logo area was too small and I don't plan on having adds anyway.

    Here is a picture of what I'm talking about.

    Click image for larger version

Name:	ad_background.JPG
Views:	1
Size:	51.2 KB
ID:	3725552

    Here is the CSS in the ad_header page. I have tried several different combinations and the only thing I can't get it to do is to not bring that background image forward from the body_background.

    <div class="ad_header_inner"><vb:if condition="$now = mktime()"></vb:if><vb:if condition="$end = mktime(23,59)"></vb:if><vb:if condition="$start = mktime(00,00)"></vb:if><vb:if condition="$now >= $start AND $now <= $end"><div id="logo">
    <img src="images/shield_header_logo.png" />
    </div>

    <style>
    #logo
    {
    width: 100%;
    height: 100%;
    background: transparent;
    }
    #logo img {
    width: 900px;
    height: 150px;
    bottom: 0px;
    left: 152px;
    background: transparent;
    }
    </style><vb:if condition="$adsshown[] = 2"></vb:if></vb:if></div>
  • Trevor Hannant
    vBulletin Support
    • Aug 2002
    • 24325
    • 5.7.X

    #2
    Can you give us a link to the site - far easier to see it happening when diagnosing CSS issues than from an image..
    Vote for:

    - Admin Settable Paid Subscription Reminder Timeframe (vB6)
    - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

    Comment

    • 2Luke2
      Member
      • Feb 2013
      • 37

      #3

      Comment

      • Trevor Hannant
        vBulletin Support
        • Aug 2002
        • 24325
        • 5.7.X

        #4
        Try adding this to css_additional.css:

        Code:
        .header-edit-box {
        background: none;
        }
        Vote for:

        - Admin Settable Paid Subscription Reminder Timeframe (vB6)
        - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

        Comment

        • 2Luke2
          Member
          • Feb 2013
          • 37

          #5
          Yes, I admit I'm a noob, but do I have to create css_additional.css? I don't see it in the list is why I'm asking.

          Comment

          • Trevor Hannant
            vBulletin Support
            • Aug 2002
            • 24325
            • 5.7.X

            #6
            It's in:

            AdminCP > Styles & Templates > Style Manager > [Edit Templates]

            Double click on CSS Templates to see them all and it will be listed there.
            Vote for:

            - Admin Settable Paid Subscription Reminder Timeframe (vB6)
            - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

            Comment

            • 2Luke2
              Member
              • Feb 2013
              • 37

              #7
              Ahh ok thank you.

              - - - Updated - - -

              Awesome that worked! Thank you very much Trevor.

              So the additional css file can take any .<item> and edit it from there?

              Comment

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

                #8
                In effect yes....anything you add to css_additional.css will override any default css that matches. Or you can add completely new css to it.
                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

                • DemOnstar
                  Senior Member
                  • Nov 2012
                  • 1912

                  #9
                  The css_additional.css facility has helped me a great deal. It makes life easier as you don't need to go into editing templates which is and was a real pain for me.

                  Another idea I had was to save everything you put into your css_additional.css as a file itself, in notepad or whatever you use. That way you will always have a copy and won't lose all the work you have done.


                  Comment

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