Announcement

Collapse
No announcement yet.

Body Background image will not show

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

  • Glenn Vergara
    replied
    This?

    Code:
    .private-message-widget .message-list .message-item {
        background: #000;
    }

    Leave a comment:


  • The Guy
    replied
    Originally posted by Glenn Vergara View Post
    Set the form_field_text_color stylevar to #ffffff.
    Thank you. It worked!

    I've met one more challenge. I hope this is the last one, but if not, well at least your helpful to answer I suppose. And trust me I tried this one on my own for many hours.

    The PM Message container list. Like the Topic List container explained before. I need that background black as well. I tried using this in additional CSS:
    Code:
    .list-container .message-list .pm-message-list { background: #000000; }
    It didn't work...

    I'm trying this based on inspecting the source code using Google Chrome. At least I'm trying.

    Leave a comment:


  • Glenn Vergara
    replied
    Set the form_field_text_color stylevar to #ffffff.

    Leave a comment:


  • The Guy
    replied
    Originally posted by Glenn Vergara View Post
    You have trailing } in your CSS. See them in red below:
    Code:
    #channel-tabbar {
    text-transform: uppercase
    }
    
    .module-title h1 {
    text-transform: uppercase
    }
    
    .page-title-widget .module-title h1 {
    text-transform: none
    }
    
    .b-editor {
    background-color: #000000;
    }
    }
    
    .topic-list-container .topic-list {
    background: #000000;
    }
    }
    Thank you, it seems to be fixed. I appreciate your dedication to help people., its very kind of you. I just have one more issue though and hopefully that is it. Changing the Registration text box input colors. Since you already notice the theme I'm already making "RBG Nebula." You will notice the content text color is white so it fits in well with the black background. However this is not the case for the registration page as the background does appear to be black, however the text color remains default black. I looked at the source code etc, checked a lot of areas and it doesn't seem to be anywhere to edit this. New registers are complaining that they cannot see what they are entering.
    Any ideas?
    And thank you, they should re-hire you, you are very helpful!

    Leave a comment:


  • Glenn Vergara
    replied
    You have trailing } in your CSS. See them in red below:
    Code:
    #channel-tabbar {
        text-transform: uppercase
    }
    
    .module-title h1 {
        text-transform: uppercase
    }
    
    .page-title-widget .module-title h1 {
        text-transform: none
    }
    
    .b-editor {
        background-color: #000000;
    }
    }
    
    .topic-list-container .topic-list {
        background: #000000;
    }
    }

    Leave a comment:


  • The Guy
    replied
    Originally posted by Glenn Vergara View Post
    That should work. Did you put that in the additional CSS for the theme you are looking? Can you post a link to your site?
    ​Yes, the very one.
    http://rbgcommunityinc.com

    Leave a comment:


  • Glenn Vergara
    replied
    That should work. Did you put that in the additional CSS for the theme you are looking? Can you post a link to your site?

    Leave a comment:


  • The Guy
    replied
    Originally posted by Glenn Vergara View Post
    What stylevar are you exactly changing? Are you sure you are changing the stylevar for the correct theme/style? You might be changing the stylevar for a theme then you are looking at a different theme in the frontend.
    Thank you, you are very kind and wise.

    I figured it out. I had to open a ticket and have support do it. But I was an idiot and realized that you literally have to have "url" included. Doesn't make sense to me, but whatever. They helped me out.

    I have another dumb question. During my quest of creating my own theme I realized that by putting:
    Code:
    .topic-list-container .topic-list { background: #000000; }
    in the additional CSS it did not re-color the topic list. It still appears to be white. Any ideas?

    Leave a comment:


  • Glenn Vergara
    replied
    What stylevar are you exactly changing? Are you sure you are changing the stylevar for the correct theme/style? You might be changing the stylevar for a theme then you are looking at a different theme in the frontend.

    Leave a comment:


  • The Guy
    replied
    Originally posted by Glenn Vergara View Post
    The format for the background-image should be

    Code:
    url("/images/etc/background001.jpg")
    I tried your steps but it did not work at all. I'm looking at this as if its a bug now. I tried different random backgrounds, same result, just plain white background. And yes I tried rebuilding the styles but that didn't help much.

    Leave a comment:


  • Glenn Vergara
    replied
    Btw, you may want to compress your images to make the size smaller and make the download faster especially on mobile and slow connections.

    There are tons of image compressors online that will shrink the file size without noticeable quality degradation.

    https://www.google.com/webhp?sourcei...e%20compressor

    Leave a comment:


  • Glenn Vergara
    replied
    The background image will not cover the entire page. You need to add this in css_additional.css template. There's no stylevar for this.

    Code:
    body { background-size: cover; }

    Leave a comment:


  • Glenn Vergara
    replied
    The format for the background-image should be

    Code:
    url("/images/etc/background001.jpg")

    Leave a comment:


  • The Guy
    started a topic Body Background image will not show

    Body Background image will not show

    My vbulletin version is 5.1.10 Latest

    I'm extremely irritated, I tried all kinds of different backgrounds, different file extensions and resolutions, none seem to work. Before I add my image I put the color as transparent.

    So all I want to do is add a background right now.

    ​I made a folder in the images called "etc"

    So I tried doing this in the style variables global body background:

    /images/etc/background001.jpg/ - Doesn't work

    I tried the entire link:
    http://rbgcommunityinc.com/images/etc/background001.jpg - nope, nothing.

    Every result just ends up with a white plain background.


    Is there a certain resolution? What's going on? Is it a bug?

Related Topics

Collapse

Working...
X