XF 1.4 Background image and conditional statement

Skeletor

Skeletor

Member
I created a custom user field so users can enable/disable the background between 8am and 5pm. The field contains one check box. "on"

The custom userfield ID is called: office

I put this bit of code in extra.css but it does not seem to work. The user field is ignored and the background image is displayed.

Code: 
<xen:if is="{$visitor.customFields.office.on} == 'on' AND {xen:time $serverTime, 'Gi'} >= 8 AND {xen:time $serverTime, 'Gi'} < 17">
@media (min-width: 1025px) {
html {
  background: rgba(0,0,0,1) url('http://psymusic.co.uk/images/blank.gif') repeat;
}
}
<xen:else />
@media (min-width: 1025px) {
html {
  background: url("http://psymusic.co.uk/images/background/bg15.jpg") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
}
</xen:if>

Some help needed please :)
 
Sort by date Sort by votes
The $visitor variable does not exist while evaluating a CSS template as far as I've seen.
what you can do is add a new class to the <html> tag in the PAGE_CONTAINER template if that condition matches. And use that class for the CSS property changes :)
 
Upvote 0 Downvote
Thanks for the advice! I'm almost to embarrassed to ask but I wont be able to figure this out on my own. Please give me an example of how I can attach this code to a CSS class or point me to a thread.
 
Upvote 0 Downvote
in PAGE_CONTAINER add this at the very last of the class attribute of the html tag:
Code: 
{xen:if "{$visitor.customFields.office.on} == 'on' AND {xen:time $serverTime, 'Gi'} >= 8 AND {xen:time $serverTime, 'Gi'} < 17", 'RemoveBG'}

to EXTRA.css:
Code: 
html {
     background: url("http://psymusic.co.uk/images/background/bg15.jpg") !important;
     background-attachment: fixed !important;
     background-size: cover !important;
}

html.RemoveBG {
     background: rgba(0,0,0,1) url('http://psymusic.co.uk/images/blank.gif') repeat !important;
}
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

DoubleThePsycho
  • Question Question
XF 1.5 Userfields and conditional statements issue
Replies
4
Views
742
DoubleThePsycho
DoubleThePsycho
murat çabuk
  • Question Question
XF 1.5 background image and url for click
Replies
1
Views
827
vanucci
vanucci
P
  • Question Question
XF 1.5 change header background image and header logo?
Replies
6
Views
3K
BasilFawlty
BasilFawlty
Valvar
  • Question Question
XF 1.2 Set background colour, and conditionally change the background image
Replies
0
Views
671
Valvar
Valvar
sweetpotato
  • Question Question
Change Background Image and make it scroll
Replies
2
Views
3K
Hristo Avramov
Hristo Avramov
Top Bottom