Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#26 2017-06-29 22:28:02

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Background image for template -all pages

you've got html in that file:
</style>
</head>
<body>

that doesn't belong.

What is .transbox? I don't see that class in your html.

you've also got a syntax error by not closing the first rule with a closing } (which is why the rest of the css isn't working)

try this instead:

html, 
body, 
main {
	background: linear-gradient(90deg, #ffffff 50%, #fafafa 50%, #fafafa);
	
	background-color: #000;
	background-image: URL(http://ljdservice.com/backlight/designer/?c=page&a=image&p1=2);
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
    
/*Background transparent*/

.page__main {
    background-color: rgba(255, 255, 255, 0.5);
}

which is essentially what Moritz has above except this has the closing curly brace } after the first rule.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#27 2017-06-29 23:45:45

LilHelpHere
Member
Registered: 2014-01-24
Posts: 62

Re: Background image for template -all pages

Yeah that did it. Thanks Rod
I thought there was something up with those curly braces, but was too confused to actually read the code properly. lol
Thanks
(caught how to adjust opacity, and will try)
thx

Offline

Board footer

Powered by FluxBB