Announcement

Collapse
No announcement yet.

Wrapper background

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

  • Wrapper background

    What is the setting at? it isn't fully transparent, but yet can see the background image coming through.

  • #2
    In CSS you can set a color as: rgb (50, 100, 255) for example which are the Red-Blue-Green levels to create whatever color you want.

    However you can also do: rgba (50, 100, 255, 0.5) which is Red, Blue, Green, Alpha. Alpha is the transparency value between 0 and 1. 0 = invisible, 1 = fully solid.

    So to get the slightly transparent background I added this to custom CSS template:

    Code:
    #wrapper {
      background-color: rgba(240, 240, 240, 0.8) !important;
    }

    A Post by Red Rock Admin

    Comment


    • #3
      Awesome, thank you.

      What is the image resolution of the background?

      How do you have it fixed so it too doesn't scroll?

      Would this be over written with an upgrade?
      Last edited by Craig Scholl; 02-21-2016, 09:11 AM.

      Comment


      • #4
        Add this code to the additional_css template, via Styles on Site Builder.

        Code:
        body {
          background: url(http://sedona.vbulletin.net/filedata/fetch?id=143) no-repeat center center fixed !important;
          -webkit-background-size: cover !important;
          -moz-background-size: cover !important;
          -o-background-size: cover !important;
          background-size: cover !important;
        }
        Just replace
        Code:
        http://sedona.vbulletin.net/filedata/fetch?id=143
        With the URL to your own image.

        The resolution doesn't matter, it will be scaled up or down as needed.

        It will not got overwritten on upgrades.

        A Post by Red Rock Admin

        Comment


        • #5
          Awesome, thank you!

          Comment


          • #6
            One more question, please.

            I made the changes and it looks great. The only problem i see is, is my logo gets skewed on other than full screen. i would like it to stay (responsive) full width and height like yours.

            http://schollloj.com/

            Comment


            • #7
              Disregard, it appears to have straighten itself out. Odd.

              Comment

              Related Topics

              Collapse

              Working...
              X