Adding separate image background to main body and secondary widget area

Hi firstly this template is amazing. I am enjoying working with it. I have a few questions to ask.

1. Is it possible to give the main body and the secondary widget area separate image backgrounds. I would like the image to be not be of a fixed size so that it looks nice on a tablet or phone. I would even prefer coloured semi-transparent backgrounds as long at both columns are separate as per image.

2. I am currently working with the default page. I have added several text widgets in the secondary widget area. I would like to create another page (default style) but with different widgets. So some pages will have different widgets and others will have different widgets.

Appreciate the response.

 

Hello,

1. For your 1st issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .page_content .sidebar {
background: url('ENTER YOUR IMAGE ADDRESS HERE');
}

2. For your second issue

Download Dynamic Widgets plugin from WordPress.org and upload it.
http://wordpress.org/plugins/dynamic-widgets/

It will fulfil your requirements.

Also check the link for reference
http://www.inkthemes.com/easily-control-appearance-of-widgets-on-your-wordpress-pages/02/


Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,
Doesn't seem to be working for me. I have put the following code into my custom.css.

and i have uploaded a 50px x 50px background.png image in the following folders.

wp-admin/images
wp-content/themes/appointwaytheme/images
wp-content/themes/appointway/images

What am i doing wrong? I was hoping the 50px image would repeat.

 

Hello,

I think you have not entered the correct image url.
Just go to Media > Add New
and upload your image from there, after that copy the image URL and put in the code given above. It will work fine.


Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,
sorry to say but this is still not working for me. I created background.png . Went to media - add new . Copied the url which was like

http://www.something.com.au/newsite/wp-content/uploads/2014/03/background.png

and pasted into the custom.css

.page_content .sidebar {
background: url('http://www.something.com.au/newsite/wp-content/uploads/2014/03/background.png');
}

Still no background.

 

Hello,

I have checked that link still image is not found on that URL, Please check it again and add image correctly, it will work.

Note: Code will only work with correct image address.

Thanks & Regards
Gourav Shrivastava

 

Hi Gourav please see the PM is sent you.

 

Hello,

PM sent.


Thanks & Regards
Gourav Shrivastava