Need help getting rid of Nav bar image in "SHINE ON" Theme
-
Im trying to get rid of the nav bar image in this theme and i haven’t got a clue how, I’ve just started this wordpress business today so im new to the whole thing
The blog I need help with is: (visible only to logged in users)
-
Hi there, this will get rid of the image below the nav bar.
.site-header:after { background: none; } -
-
-
Another quick question, i have made something to replace it, im just wondering how to go about doing that, i tried hosting the image on photo bucket and punching this into the css .site-header:after {
background: <img src=”http://i963.photobucket.com/albums/ae120/heyitsabrian/navbarbackground_zps7ef5d125.png” border=”0″ alt=” photo navbarbackground_zps7ef5d125.png”/>;
}but no luck. any suggestions?
-
You want to upload it to your media library, get the URL of that image and then replace the code I gave above with the following with the URL of your image where it says URL_OF_IMAGE between the quote marks. The existing image is 856px wide by 84px tall. You can make it taller if you also adjust the height value. 256px tall though is probably going to look a little heavy and large.
.site-header:after { background-image: url("URL_OF_IMAGE"); background-position: center top; background-repeat: no-repeat; height: 84px; }Here is the code with the photobucket URL in it and adjusted for the height of the image you created. You can try it out to see what you think.
.site-header:after { background-image: url("http://i963.photobucket.com/albums/ae120/heyitsabrian/navbarbackground_zps7ef5d125.png"); background-position: center top; background-repeat: no-repeat; height: 256px; } -
I should mention that the reason I suggest uploading your image to your media library here is so that it will load faster since the browser doesn’t have to go to photobucket to get the image, which will typically take longer.
-
Thank you for all your help! im definitely going to change it up a little bit and then add it too the media library, i have one in their now but it looks like i’ll have to resize it, thanks again for all your help and hopefully i wont be to much of a nuisance here i’m just learning how to do this stuff!
-
-
im trying to get that now, i tried the same code above except .site-footer:
… but no luck
-
https://en.forums.wordpress.com/topic/how-to-change-footer-in-wordpress-theme?replies=11 heres your answer, cant change it.
-
For the footer in Shine on, this would be the code to change the image.
.site-info { background-image: url("URL_OF_IMAGE"); background-position: center bottom; background-repeat: no-repeat; height: 100px; } -
If you want to add a copyright or something to the existing footer, that can be done, but the existing footer credits have to remain per the Terms of Service.
- The topic ‘Need help getting rid of Nav bar image in "SHINE ON" Theme’ is closed to new replies.