Hello, Is it possible to customize the patchwork background ?
My website is..http://loveateverybite.com/
Patchwork
Possible to change the patchwork background? (37 posts)
-
loveateverybite
Posted 9 months ago #
-
Shail
Posted 9 months ago #
yes.
where you want to change background ? -
Posted 9 months ago #
i would like to change the header background..the patchwork design to something of my own ..! how to?
-
Posted 9 months ago #
in your style.css on line:1151 below style is coded.
.style-babycakes #masthead { background-image: url("images/patchwork3.jpg"); border-bottom: 10px solid #774F47; }here you can change background-image property with your own.
You can change image as you required. -
Posted 9 months ago #
i've found that line ..what do i have to replace?
-
Posted 9 months ago #
Are you want to set another image or want to set background color???
-
Posted 9 months ago #
another image :)
-
Puneet Sahalot
Posted 9 months ago #
You can replace your existing code
.style-babycakes #masthead { background-image: url("images/patchwork3.jpg"); border-bottom: 10px solid #774F47; }with
.style-babycakes #masthead { background-image: url("URL_TO_YOUR_NEW_BACKGROUND_IMAGE"); border-bottom: 10px solid #774F47; }or if you want to use a solid color as background, you can replace your existing code with
.style-babycakes #masthead { background-image: none; background-color: HEX_COLOR_CODE; border-bottom: 10px solid #774F47; } -
radhika
Posted 9 months ago #
hii
search /* .style-maude #masthead */ in style.css template and change background-image property with your own..style-maude #masthead {
background-image:url(images/patchwork.jpg);
border-bottom: 10px solid #46433a;
} -
Posted 9 months ago #
first paste image in your
"wp-content/themes/patchwork/images/" directory.than set
background-image: url("images/here-your-image-name");
image name in this property.
Make sure that your image name have no space... -
Posted 9 months ago #
i replaced it with this direct link but nothing is happening :(
http://i1214.photobucket.com/albums/cc494/giuliap90/back.png
-
Posted 9 months ago #
sorry ...how do i paste my image in to "wp-content/themes/patchwork/images/" directory. ??
-
Posted 9 months ago #
sorry ...how do i paste my image in to "wp-content/themes/patchwork/images/" directory. ??
-
Posted 9 months ago #
hey save your image in 'wp-content> theme >patchwork> images folder '.
-
Posted 9 months ago #
style-babycakes #masthead { background: url("http://i1214.photobucket.com/albums/cc494/giuliap90/back.png") !important; }paste this at bottom of your style.css
-
Posted 9 months ago #
sorry Shail ... how can i paste my image in to "wp-content/themes/patchwork/images/" directory ?
-
Posted 9 months ago #
you can download image from http://i1214.photobucket.com/albums/cc494/giuliap90/back.png on your local computer and just copy and paste in your dir.
-
Posted 9 months ago #
sorry i'm still struggling to understand ..i have the image on my desktop...how do i copy it into directory?
-
Posted 9 months ago #
Are you working on live project or on localhost...?
-
Posted 9 months ago #
i'm not sure what that means ..
-
Posted 9 months ago #
And if you find out your style.css than images dir is in the same dir as style.css dir so open images dir and paste your image.
-
Posted 9 months ago #
style-babycakes #masthead { background: url("http://i1214.photobucket.com/albums/cc494/giuliap90/back.png") !important; }you can directly use this. No required to paste image.
-
Posted 9 months ago #
@loveateverybite
Firstly copy your image from the desktop. And open your theme folder, goes into patchwork folder, open images folder and paste the image in images folder.
.style-maude #masthead { background-image:url(images/image.jpg); border-bottom: 10px solid #46433a; } -
Posted 9 months ago #
@Shail i've tried ...its not working ...
@arti singh .. where is the theme folder?
sorry guys you are talking with some1 with no experience!
-
Posted 9 months ago #
where you upload the files of your theme on your server.
-
Posted 9 months ago #
@arti singh - what folder?
-
Posted 9 months ago #
Here is the simple way. You can use the image even if you don't put it into "images" folder.
Do this:
Download the image on your computer from http://i1214.photobucket.com/albums/cc494/giuliap90/back.pngNow login to WordPress admin
Go to Media Library >> Add New
Upload your downloaded image here.
After the image is uploaded to your site, you will see a URL for the uploaded image.
Copy that URLEdit the style.css file
and replace your old code with :
background-image : url("YOUR_FILE_URL_HERE") !important;}
if you don't see any changes on the site. Try clearing the browser cache. -
Posted 9 months ago #
i actually did manage to put it into the image folder .. and reinstalled the theme ...but nothing was woriking :) i'll try it your way!
-
Posted 9 months ago #
ah! you don't need to re-install the theme.
That will over-write the changes you make to the default code.Now that you have uploaded the theme, login to WP admin
Go to Appearance >> Editor >> Style.cssand then follow the instructions from my last message for uploading the image and getting the URL.
-
Posted 9 months ago #
Well, I just had a look at the theme and you don't need to do all this CSS stuff.
It supports custom background.
Here, is the easiest way :
Login to WP admin
Go to appearance >> background
Upload your new background image and "save"
That's it!
Reply »
You must log in to post.
