bg-color
-
-
- mactoo50
- Rocketeer
- Posts: 52
- Thanks: 0
-
hi,
i've the template "rt_afterburner_j15".
I'd like to change the backgroundcolor.
in this: (light.css)
.background {position:absolute;width:100%;height:100%;background-repeat:repeat-x;
background-color: #ff5400;
background-image:url(../images/vip_body_bg.png);}
but it doesn't work.
can you help me ?
best greetz - Martin Tuchenhagen
-
-
-
- Patrick Egerton
- Newbie
- Posts: 4
- Thanks: 0
- WebDeveloper/WebDesigner/ExecutiveChef
-
well I havent used the afterburner template but I am quickly curious why you have "." before your background element? Either you are missing part of the code that background property belongs too perhaps or try removing the period and see if that helps you get your desired effect. Also depends on your preference but you know that you can combine alot of those lines right?
background-color: blah;
background-image:blah;
background-repeat:blah;
can often compressed into for example:
background: blah;
~good luck
ahh mkay I see what Andy was doing... an easy thing for me to get confused on as he has the entity below the #main rather than included..., as was why I on a quick glance I assumed the line was being called by the body element.
I was expecting to see #main .background{ blah:blah; }
go figure lol...,
So to modify your bg code...,
Find (line 16) #main
it appears you need to focus on (line 17)
.background {
position:absolute;
width:100%;
height:130px;
background:url(../images/light.png) 0 -384px repeat-x;
}
also I take it from your post your trying to do a full page repeat bg or a scaling fullpage bg element..., you might want to google some tutorials so you get a better understanding of css background styling. Here is one Perfect Full Page Background Image - Last Edit: 13 years 11 months ago by Patrick Egerton.
-
Ubuntu California
- Ubuntu Rocks!
Ubuntu Colorado - Ubuntu Rocks!
MyBB Themes Team (Retired) - Making more professional themes by the hour.
Mangos Foundation - The Massive Network Game Object Server Project
PB-Roster - a WoW Guild Roster for Guilds and Communities.
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
Without a link to your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Can you please post a link to the problem and we will do our best to assist you.
Thanks
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- mactoo50
- Rocketeer
- Posts: 52
- Thanks: 0
-
have a look
www.mallorca-treff.eu/
in the BG is an image ; repeat is off
can you tell me why the backgrouns-color unter the page is white ??????????
thx - Martin Tuchenhagen
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,mactoo50 wrote:
have a look www.mallorca-treff.eu/This template was designed to have very few graphics and to mainly rely on a small css file to enable fast loading. This means that many of the background elements are affected by a single css call.
in the BG is an image ; repeat is off
can you tell me why the backgrouns-color unter the page is white ??????????
thx
The background is white because of the code at line 45 in /templates/rt_afterburner_j15/css/light.cssThe trouble is that if you change the colour it affects the background of the mainbody area too.http://www.mallorca-treff.eu/templates/rt_afterburner_j15/css/light.css
If you are trying to improve the background image then you need to consider changing the following code at line 17 in the same fileChange the height to 200% and set the scroll as 50% as shown below....background { background: url("../images/if_body_centered_bg_v2.jpg") repeat scroll 0 0 transparent; height: 100%; position: absolute; width: 100%; }If this resolves your problem then please edit your first post by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section..background { background: url("../images/if_body_centered_bg_v2.jpg") repeat scroll 50% 0 transparent; height: 200%; position: absolute; width: 100%; }
Thanks for your cooperation
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- mactoo50
- Rocketeer
- Posts: 52
- Thanks: 0
-
thanks david for your help,
but is not the desired result
have a look
www.mallorca-treff.eu/component/ksadvertiser/?id=4&task=viewad - Martin Tuchenhagen
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Can you PM me with a temporary Super Admin access please and I will take a look to see what the cause may be.
Thanks
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Thanks for the login.
I found the solution. I edited the index.php so that the background div was closing just before the body close. I then commented out the previous instruction in light.css at line 17 - height:200%;
Can you check to see that is what you want.
If this resolves your problem then please edit your first post by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.
Thanks for your cooperation
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- Bonaventure
- Sr. Rocketeer
- Posts: 112
- Thanks: 1
- I'm trying to accomplish the same thing. I'm having trouble figuring out where the background div closes so that I can move it down to the body close. Am I moving the closing </div> tag from line 41?
-
Time to create page: 0.073 seconds