Add image to footer 2013
-
Hi, I am relatively new to wordpress,I understand some css and lots of html but little about php.
Could someone please advize me hot toadd an image to the footer of 2013 as can be seen in attached image.
I need to know which template and exact code and position of code.
Many thanks in advance.
https://www.marcknight.co.uk/images/wordpess-splash1.png
-
Can’t really see in that image – but if it involves modifying a theme file, you should start by making a child theme so that your changes are not lost when WP is updated.
thanks for the advice WPyogi, I managed to acheive what I wanted, when I worked out that the panel where I needed it to go was called a sidebar lol, even though it’s not on the side. I did it in style.css
The default code is..
.site-footer .sidebar-container {
background-color: #220e10;padding: 20px 0;}
————————————————————————-
I changed it to
.site-footer .sidebar-container {
background: url(‘https://www.marcknight.co.uk/press/wp-content/uploads/2013/08/guitar.gif’) no-repeat bottom left #220e10;
}
padding: 20px 0;
}
———————————————————————–
As you can see I closed the background curly. This narrows the sidebar to fit the image perfect.
What do you think?What does anyone think? If I’m wrong I can take it. ??
It’s very inadvisable to modify theme files – especially in the default theme – as your changes will be lost when WP is updated and it’s also imperative to have a clean copy of the default theme for troubleshooting purposes.
As I said above, you should be using a child theme for this kind of modification.
Leaving the padding out that way also creates invalid CSS – there are correct ways to do that, but you need to start with the child theme.
I take what you say on board. I’ll look into that tomorrow. This is just a test site at the moment. It’s now time for beddibyes our side of the shores, but I will look that up tomorrow. Hey, thank you for your time. Much appreciated.
B4 I go, can you leave a link to point me in the right direction for reading up on creating a child theme? I did an import from localhost yesterday and not everything came over so I need to brush up on that also.
Cheers.Sure, sorry, I thought I’d linked this article above:
https://codex.www.ads-software.com/Child_Themes
BTW, your CSS approach to adding that to the footer is fine – except for the minor fix on the padding – just move all your changes to a child theme so you don’t have a bigger mess down the road :). It’s just a horrible situation to either update and lose a lot of work or realize that you can’t update WP – ugh.
Have a good sleep!
Ok now I have a problem, I’ve followed the tutorial (I believe to the letter.
/*
Theme Name: Twenty Thirteen Child
Theme URI: https://www.marcknight.co.uk/press/wp-content/themes/twentythirteen/
Description: Child theme for the Twenty Thirteen theme
Author: Marc Knight
Author URI: https://www.marcknight.co.uk/press/
Template: twentythirteen
Version: 0.1.0
*/@import url(“../twentythirteen/style.css”);
nothing is importing and I’ve had to edit the header image to put mine back, but the navigation is all out, I guess because nothing is importing. Obviously I’ve done something wrong.
I will try figure it out, if I don’t update by the time you read this could you please take a look? thanks.
I went to Appearance/Themes/Customize and noticed Navigation wasn’t selected in the drop down. And I believe I have to paste the contents of the original style.css into the child? Is that right?
If I understand it, placing the import line after the header and before any code should be…/**
* 1.0 Reset
*
* Modified from Normalize.css to provide cross-browser consistency and a smart
* default styling of HTML elements.
*
* @see https://git.io/normalize
* —————————————————————————-
*/
@import url(“../twentythirteen/style.css”);
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}How would I know for sure if this is right?
Although I have noticed in Appearance something that confuses me…
Twenty Thirteen Child
By Marc Knight
Version 0.1.0Child theme for the Twenty Thirteen theme
This child theme requires its parent theme, Twenty Thirteen.
This makes me think the child isn’t being used.
Ok I’m working tonight, it’s 15.00ish here and I get in around 1am so I’ll check back after that.
This child theme requires its parent theme, Twenty Thirteen.
This is normal – just means you must have the parent theme installed.
And I believe I have to paste the contents of the original style.css into the child? Is that right?
No, the child theme should contain ONLY changes to CSS – they go after the @import line here:
/* Theme Name: Twenty Thirteen Child Theme URI: https://www.marcknight.co.uk/press/wp-content/themes/twentythirteen/ Description: Child theme for the Twenty Thirteen theme Author: Marc Knight Author URI: https://www.marcknight.co.uk/press/ Template: twentythirteen Version: 0.1.0 */ @import url("../twentythirteen/style.css");
So take all that code out. Duplicate code makes it MUCH harder to manage your CSS and slows down your site.
Aside from that, your child theme looks like it’s working fine.
Theme options/settings do not carry over to the child from the parent – so yes, you have to redo those.
wayhey, I just managed 10 minutes fore I go get ready for tonights gig.
Hey WPyog, you have been a great help. Funny thing, I’ve been from Joomla, Nucleus, cmsmadesimple <Yea right, to here. I had been avoiding WP since someone told me it was hard. I’ve used every forum for various problems from setting up email blah bah, aside from this I’ve managed the whole site myself with WP. I think it’s really easy. It took me 1 week to get to grips with joomla, 5 days with nucleus, 3 or so with cmsms and 4 hours with WP. a 1 minute install and much of everything else was self explanatory. I couldn’t believe how easy it is to install a plug-in. With others, you gotta do this, set that, woooo.A mod at cmsms answer to me asking where a particular tempate was, “There has to be one somewhere.” uh??
I gotta say, I’ve looked around here and I note how peeps problems are solved with proper explanations when they are solved.
Thanks again and I hope our paths cross again.
Nice to hear that, and welcome to WordPress :)! I’m sure we’ll “see each other around”!
- The topic ‘Add image to footer 2013’ is closed to new replies.