Need help getting rid of Nav bar image in "SHINE ON" Theme

• 

  harmonyjunction · Member · Jan 7, 2014 at 11:03 pm

  • Copy link
  • Add topic to favorites

  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)

• 

  thesacredpath · Member · Jan 8, 2014 at 12:08 am

  • Copy link

  Hi there, this will get rid of the image below the nav bar.

  .site-header:after {
      background: none;
  }

• 

  harmonyjunction · Member · Jan 8, 2014 at 12:23 am

  • Copy link

  thank you very much!

• 

  thesacredpath · Member · Jan 8, 2014 at 12:26 am

  • Copy link

  You are welcome.

• 

  harmonyjunction · Member · Jan 8, 2014 at 1:05 am

  • Copy link

  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?

• 

  thesacredpath · Member · Jan 8, 2014 at 2:03 am

  • Copy link

  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;
  }

• 

  thesacredpath · Member · Jan 8, 2014 at 2:08 am

  • Copy link

  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.

• 

  harmonyjunction · Member · Jan 8, 2014 at 2:20 am

  • Copy link

  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!

• 

  shruthijacob · Member · Jan 8, 2014 at 2:55 am

  • Copy link

  How can I change the footer as well?

• 

  harmonyjunction · Member · Jan 8, 2014 at 3:36 am

  • Copy link

  im trying to get that now, i tried the same code above except .site-footer:

  … but no luck

• 

  harmonyjunction · Member · Jan 8, 2014 at 3:41 am

  • Copy link

  https://en.forums.wordpress.com/topic/how-to-change-footer-in-wordpress-theme?replies=11 heres your answer, cant change it.

• 

  thesacredpath · Member · Jan 8, 2014 at 5:04 am

  • Copy link

  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;
  }

• 

  thesacredpath · Member · Jan 8, 2014 at 5:06 am

  • Copy link

  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.