Hi! I wanted to know it too!
Thanks!
Thanks for posting this too. I’m also new to all of this. I’m a print designer trying to learn the basics of WP & have looked through hundreds of themes. I love this theme, I just need help customizing the look of it.
I’ve been digging through all the other posts & can’t find exactly what I’m looking for. I’m hoping to avoid someone who “knows-all” from insulting me for not looking hard enough. I’ve only been able to find info on how to change the background color to preset colors- I’m looking to customize a bit more than that.
I actually have a few questions:
1. How to have a background image rather than a color.
2. How to change the header image area to fit the client’s logo & have the menu centered underneath it.
2. How to use a custom color for certain elements such as text, skins, etc.
Let me know if anyone’s seen another post answering these questions or perhaps the developer can help me out here.
Here’s the site I’m working on & a link to an image of what I want to end up with.
I meant the first question, I would also like to know: how to have a background image rather than a color.
Thank you very much!
Try:
body {
margin-top: 0px;
background: url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ;
}
You’ll need to check the path to your image is correct.
Example site uses it: http://www.scmtc.co.uk
I did this
body { background-image:url(‘http://yourdomain.com/pic.jpg’); }
and it worked BUT the problem is that the three circles with pics don’t look good – they are now surrounded by white squares.
Is there any way to fade the background a little bit, I’m thinking a little more transparency so that it doesn’t draw too much attention?
And if there’s a smart way to “get rid” of the white squares…
(I should add I’m new to html so this might not be “correct”)
You’ll need to add the repeat fixed 0 0 #FAFAFA code. Depending on your background color, you’ll need to change #FAFAFA. Maybe #FFFFFF (White)?
On my site, I edited the .png using Photoshop Elements. But try:
opacity: 0.5 in the body{} code. Play with 0.5 (between 0 & 1) until you get what you want.
If still no good, can you add a link to your site?
Hi rdellconsulting,
thank you for your answer.
I try this and what ekekrantz mentioned and still I the image do not show in the back.
Any other options?
the web is http://www.lulancosmetics.com
Thanks!
body {
background: url("'/wp-content/uploads/2013/07/18629017_ml.jpg'") repeat fixed 0 0 #FAFAFA !important;
margin-top: 0;
}
is the code generated.
' is a single-apostrophe which PHP converts to this code. So need to diagnose what you are entering, and how you are entering it.
Ironic, as I posted this some time ago: http://wordpress.org/support/topic/039-2 but never got an answer! I don’t remember doing anything and it suddenly started working again (and I know that is not possible!).
How are you entering the CSS? Customiz’it! Custom CSS? Child Theme style.css? Using an editor?
Did find this elsewhere:
This happens of late when one uses FileZilla, downloads, edits, does a save (in edit mode of file with default as notepad) but not : ‘saveas UTF-8 with no BOM’ and prior to opening Notepad does not have ‘word-wrap off’… MS has promised to fix this occasional glitch once WP is nice again to them (oops). Darn BOM! What is BOM for?
Sorry, bbPress converted my entry. Instead of single-quote, it displays &-a-m-p-;-#-0-3-9
Hi again,
thank you for your help!
I’m adding this code thru Customiz’it! Changing colors works OK. But adding a big background photo doesn’t work.
I inserted the last code you provided thru Customiz’it! and still not work.
Thank you very much!
Diego
After a month into this rabit hole of wordpress I have had to find a new theme that can tweek this for you. It’s just easier.
I have tried several themes but the one I like now is U-Design or if you want to build your own theme try artisteer.com and that way you can tweak things the way you want and not have to keep buying new themes.
[ Signature moderated. ]
OK that’s fine.
But remember Customizr costs zilch!
I inserted the last code you provided thru Customiz’it! and still not work.
WordPress doesn’t allow special characters to be used in the Custom CSS. Things like quotes don’t work. You will need to create a child theme (very easy).
I don’t remember doing anything and it suddenly started working again (and I know that is not possible!).
That explains why my first posted problem went away! I started off using the Custom CSS but soon moved to a child theme.
I can sleep at night again 😉
Thanks @ef
