Change backgrounds of Homepage areas

Modern, responsive, unique and elegant one-page WordPress theme to showcase your creativity
GK User
Tue Mar 31, 2015 11:49 pm
Can I change the backgrounds (images) of the different areas of Homepage?
User avatar
Senior Boarder

GK User
Wed Apr 01, 2015 8:02 am
Hi,

You have to add custom css, something like:
Code: Select all
.onepage #gk-bottom1 {
   background: url('your_image.jpg');
}


or
Code: Select all
.onepage #gk-bottom1#XXX {
   background: url('your_image.jpg');
}

where #XXX is a name of your widget i.e. #text-28, you have to inspect it using Firebug or Google Dev Tools.
User avatar
Moderator

GK User
Wed Apr 01, 2015 11:20 am
Thanks.

And for Homepage?

I tried this on override.css

Code: Select all
.homepage #gk-bottom1 {
   background: url('http://Url/image.jpg');
}


where http://Url/image.jpg is a link to a jpg but it does not work.
User avatar
Senior Boarder

GK User
Wed Apr 01, 2015 2:55 pm
Could you send me a PM with your website backend access? The acces which you've sent be recently doesn't work anymore.
User avatar
Moderator

GK User
Wed Apr 01, 2015 10:06 pm
You have a PM
User avatar
Senior Boarder

GK User
Thu Apr 02, 2015 8:29 am
Try with this code:
Code: Select all
.home.onepage #gk-bottom1 #text-28 {
    background: url('image.jpg');
}


it's your "Artistic Activity" widget.

The next widget has id #text-27
and the contact: #text-36
You can inspect it using Firebug or Google Dev Tools.
User avatar
Moderator


cron