Make sure you are using a child theme for your custom code so you don’t loose it when updating your theme.
You can use this css:
.logo {
margin: -41px 0 0 0;
}
Your image is too big to fit in that space so if you have a image editor, I would make it a bit smaller too fit and then adjust the css a bit.
I just looked at this also…looks like there is more going on here, like a layout issue…did you add this logo in a template file?
Thread Starter
pm101
(@pm101)
yes, I added the logo to a template.
It was hard to move around where it is (in the layout) with CSS…review where it was added.
Thread Starter
pm101
(@pm101)
Graphical, I created a child theme and added that code you provided but there was no change.
Did you activate the child theme? I see no change to the code.
Thread Starter
pm101
(@pm101)
This is what I have so far:
/*
Theme Name: NewsMagazine Child
Theme URI: http://portfoliomanagement101.com/NewsMagazine-Child/
Description: NewsMagazine Child Theme
Author URI: http://portfoliomanagement101.com
Template: NewsMagazine
Version: 1.0.0
*/
@import url(“../NewsMagazine/style.css”);
/* =Theme customization starts here
.logo {
margin: -41px 0 0 0;
}
————————————————————– */
You have your styles commented out. Here is what you really have:
/* =Theme customization starts here
.logo {
margin: -410px 0 0 0;
}
-------------------------------------------------------------- */
here is what you need:
/* =Theme customization starts here
-------------------------------------------------------------- */
.logo {
margin: -41px 0 0 0;
}
Thread Starter
pm101
(@pm101)
Thanks Graphical. I made that change…but still looks the same. And yes, the child theme is activated.
Please refresh the page in your browser. And it is still at 410px…is your host caching site content? I don’t see anything in the source noting a caching plugin. Is there one in use?
Thread Starter
pm101
(@pm101)
I refreshed the page and now the image is not showing. I tried uploading a resized image but still nothing.
Now that you’ve changed the image size, change the css to something like this:
.logo {
margin: -23px 0 0 0;
}
I’ve checked that in chrome so you can check in other browsers. As you can see, the first number is controlling the margin from the top so you can adjust that as needed.
Thread Starter
pm101
(@pm101)
I appreciate all your help.
Very strange. Now I don’t even see the image even if I remove the coding you provided. Could I have changed something by mistake? I went back to the parent theme and the image shows up. But when I activate the child theme, no image.
Thread Starter
pm101
(@pm101)
never mind..got it. Thank you so much
