Announcement

Collapse
No announcement yet.

Background tweaks

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

  • icemanmx
    replied

    Leave a comment:


  • icemanmx
    replied
    Try this...
    Put this code in the css_additional.css

    Code:
    /*Static Background Image*/
    body {
      background: url(/images/css/your-image.jpg) 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;
    }
    And here is how i made the header transparent, and added an image with black transparent instead.






    Last edited by icemanmx; Thu 7 Dec '17, 8:27pm. Reason: Added more code

    Leave a comment:


  • StephenKay
    commented on 's reply
    This does it:

    #header {
    background: none;
    }

  • StephenKay
    commented on 's reply
    Yes, the transparency works on the main part of the page, but there is still a background behind the header part.

  • NumNum
    commented on 's reply
    Did you set it to transparent?

  • StephenKay
    replied
    I tried this with a background picture, on a new installation, works great. My question is: the header still has a background from the default style, how would I hide that so the background also shows through there, and my logo is on top of it?

    Leave a comment:


  • Glenn Vergara
    replied
    Originally posted by Mark.B View Post
    5.2.1 has a bug that stops most additional.css code from working.

    The workaround until we get a patch out, is to go through your additional.css code, and replace all double quotes with single quotes.
    I encountered that issue too and fixed it by doing the same workaround. Thanks for confirming that the double quote is the culprit. Hopefully there will be a patch soon.

    Leave a comment:


  • NumNum
    replied
    Originally posted by Mark.B View Post
    5.2.1 has a bug that stops most additional.css code from working.

    The workaround until we get a patch out, is to go through your additional.css code, and replace all double quotes with single quotes.
    That resolved it.

    Thanks.

    Leave a comment:


  • IggyP
    replied
    hmm...ya def wierd...btw, is that another regression? ^^^ i know we cant quote in comments but now cant &quote in a quote even?? ughh....

    anyway...for my case, i have 2 additional.css files...a custom one and the default file...so i thought maybe that could be why i didnt have any issue, but my custom forum icons are in the regular one and using quotes in the url code, and they still work, so there goes that theory...happy to consider myself lucky but that is odd indeed, id be pretty upset if i had to go thru like some ppl i know its thousands of lines of code that effect basic site functioning...idk how stuff that big can get overlooked dam..

    Leave a comment:


  • Mark.B
    replied
    Originally posted by NumNum View Post
    Is it me, or did 5.2.1 change this so it cannot be transparent?

    When I upgraded it wiped out all my "additional css".
    5.2.1 has a bug that stops most additional.css code from working.

    The workaround until we get a patch out, is to go through your additional.css code, and replace all double quotes with single quotes.

    Leave a comment:


  • IggyP
    replied
    hmm, wierd idk...i ended up converting my main style to a near full transparent with tint so it def still works....i had one trick part on a widget module tho but was able to over come with a "double background" linear gradient code...

    Leave a comment:


  • NumNum
    replied
    Is it me, or did 5.2.1 change this so it cannot be transparent?

    When I upgraded it wiped out all my "additional css".
    Last edited by NumNum; Sat 16 Apr '16, 4:14pm.

    Leave a comment:


  • IggyP
    replied
    like that if it makes more sense :P

    but the image bars still need to go all the way out hmm...

    Click image for larger version

Name:	fixed background test.png
Views:	88
Size:	988.9 KB
ID:	4340469

    Leave a comment:


  • IggyP
    replied
    that transparent content is an interesting design...i was wondering tho, about a sort of opposite style....seems alot of people are experimenting with these fixed type backgrounds nowdays and i was curious to experiment with a design that lets the background bleed thru the category header areas, rather than the category channels which tend to have more text in them...

    i tried some usual type developer tool test but was unable to get the display to change...is there a stylevar for those or anyone know how can those be styled with transparency?

    edit: i just noticed...i removed the td and it seems apply the code to the header properly but still gotta get thru the content backround hmm

    edit2: idk how i can try for an hour but as soon as i post here i figure it out lol....so ya i just reposted the background image code and that worked and lines up perfect and all, what do u know..
    Last edited by IggyP; Sat 26 Mar '16, 9:14pm.

    Leave a comment:


  • NumNum
    replied
    Thank you Glenn!

    Works like a champ.

    Leave a comment:

Related Topics

Collapse

Working...
X