Background and New color

Perfect responsive WordPress theme to showcase your mobile, iPad or tablet apps.
GK User
Wed Aug 14, 2013 3:08 am
Hi!

I need change image Background and create a new schema color.

I need your help.

Thanks in advance.
User avatar
Fresh Boarder

GK User
Wed Aug 14, 2013 7:05 am
Code: Select all
body {
background: #E3E3E3 url('/joomla25/bluap/templates/gk_bluap/images/bg_smaller.jpg') no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
@media (max-height: 1024px) and (max-width: 1280px) {
   body {
      background: #e3e3e3 url('../images/bg_smaller.jpg') no-repeat center top;
      background-size: cover!important;
   }
}
@media (max-height: 768px) and (max-width: 1024px) {
   body {
      background: #e3e3e3 url('../images/bg_small_tablet.jpg') no-repeat center top;
      background-size: cover!important;
   }
}
media (max-height: 540px) and (max-width: 720px) {
   body {
      background: #e3e3e3 url('../images/bg_mobile.jpg') no-repeat center top;
      background-size: cover!important;
   }
}

This way, with use of media queries background are defined. You can use this code in override.css and replace images with other.

To create new color scheme, You could either copy existing css files and start replacing co.ors inside, or use override to push new style over existing ones.
User avatar
Moderator

GK User
Mon Feb 24, 2014 10:23 pm
Not sure I completely understand what the question is and the answer. But is the user asking how to change the image of the background for the Bluap theme?

If he/she is, then where exactly in Wordpress do I insert the above code? When I do, what do I do after that?

Thanks!
User avatar
Fresh Boarder

GK User
Tue Feb 25, 2014 8:05 am
Please edit: wp-content/themes/Bluap/css/override.css

After editing, remember to enable "Use the override.css file" in theme settings (item in admin menu, next to comments section, advanced tab).
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.