Steady Background

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Jan 29, 2013 4:20 pm
Reply with quote
Report this post
Hello,

Can i have my background steady because if someone scrolls down the font is white and this isnt very good.

Thanks :)

www.video-games24.com
User avatar
Junior Boarder

GK User
Wed Jan 30, 2013 2:18 am
Reply with quote
Report this post
Add this to override.css (and make sure override.css is enable in your template config)

Code: Select all
body[data-bg="1"] {
background-attachment: fixed;
}


Hope that helps.
User avatar
Junior Boarder

GK User
Wed Jan 30, 2013 10:59 am
Reply with quote
Report this post
Hello,

Am i doing it right, because didnts working.

Code: Select all
/*
#------------------------------------------------------------------------
# GameNews - August Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */body[data-bg="1"] {
background-attachment: fixed;
}
User avatar
Junior Boarder

GK User
Wed Jan 30, 2013 12:26 pm
Reply with quote
Report this post
For the sake of neatness, I'd drop the code down 1 line at least but yes, that will work:

Code: Select all
/*
#------------------------------------------------------------------------
# GameNews - August Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */

body[data-bg="1"] {
background-attachment: fixed;
}


Did you go to your your template configuration -> Advanced Settings -> CSS override = ON

if you don't turn on CSS Override in the template config, it won't work.

The other way to do it is just add:
background-attachment: fixed;
to template.css, immediately under the line
background: #f4f4f4 url('../images/bg1.jpg') no-repeat center 0;

so you end up with:
Code: Select all
body[data-bg="1"] {
background: #f4f4f4 url('../images/bg1.jpg') no-repeat center 0;
background-attachment: fixed;
}


You end up with the same thing but it means you might need to do it again if template.css is ever updated. Override.css is a better way to go.
User avatar
Junior Boarder


cron