Hi, this could be done with the Customizr hooks API but it requires some coding skills.
Check out the class-header-header_main.php and find the appropriate hooks to filter.
Some example of Customizr’s header customization here.
Hope this helps
Please, I want to change the backgroung of the header with an image I have at my library multimedia.
I could change the inicial background to white, but now I don´t know how to put the image.
Thanks for your help.
http://www.tumarcaerestu.com
See if this works for you, change the details to your particular image:
header.tc-header {background: url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0 ;}
Thanks for your quick answer rdellconsulting.
I have no idea of all these subjects, so I have copied what you wrote at my style.css of the child theme, changing nameoffile for the one I have, but it didn´t worked.
Where is that code or where I should copy it?
Thanks again.
Sorry, I should have said to add that into your CustomCSS panel, or the style.css in a child theme.
It’s an adaptation of this Snippet
Thaks again rdellconsulting, but… I don´t know how to do it.
I have tried different options but they have not worked.
1. I copied at my style.css child theme this code:
header.tc-header {background: url(/wp-content/uploads/mariposa.png) repeat fixed 0 0 ;}
mariposa is the name of the file I have at my multimedia library
2. I copied at my style.css child theme this code:
header.tc-header {background: url (http://www.tumarcaerestu.com/?attachment_id=760) repeat fixed 0 0 ;}
3. I copied at my style.css child theme this code:
header.tc-header {background: (http://www.tumarcaerestu.com/?attachment_id=760) repeat fixed 0 0 ;}
Please, what´s it wrong?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Make sure you’re linking to an image and not a webpage.
This is a webpage: http://www.tumarcaerestu.com/?attachment_id=760
#1 should work, assuming the file can be found in /wp-content/uploads/mariposa.png
Try getting it to work in your CustomCSS panel first.
Try header.tc-header {background: url(../wp-content/uploads/mariposa.png) repeat fixed 0 0 ;}
Depending on your settings, the file may be in /wp-content/uploads/2013/12/mariposa.png or similar
Yes, I got it!!
I have to change the image´s size in order to see the buterfly (mariposa) but now I know how to do it.
Thanks 🙂