FUNKI Theme – Changing Header Text to a .jpg/banner

• 

  ngierlich · Member · Feb 1, 2012 at 11:00 am

  • Copy link
  • Add topic to favorites

  Hi,

  I found some infos about this here: http://premium-themes.forums.wordpress.com/topic/trying-to-change-the-welcome-txt-in-header-banner-area-to-an-image?replies=3

  But how and where can I edit the sourcecode if the blog is hosted bei wordpress.com and not by myself?

  Norbert

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 1, 2012 at 11:08 am

  • Copy link

  We volunteers can’t see the premium support forums because none of us have a premium theme, so we can’t see what they said. If they said to edit the theme PHP script files, they gave an incorrect answer.

  You can add an image to replace the text site title with CSS (custom design upgrade). If you have not uploaded the image yet, upload it to your media library and post the URL to that image here. Then we can help you get it onto your site.

  Also, do you have the custom design upgrade?

• 

  thesacredpath · Member · Feb 1, 2012 at 11:10 am

  • Copy link

  Also, this site linked to your username is not a wordpress site of any kind.

  We would need a link to the site you are talking abou.

• 

  ngierlich · Member · Feb 1, 2012 at 11:18 am

  • Copy link

  Hi thesacredpath,

  the site is: http://minicaster.wordpress.com/

  I uploaded the image for the header. The url is: http://minicaster.files.wordpress.com/2012/01/mc-wordpress-header.jpg

  This header should appear instead of the Headline: Single-Button Livestreaming.

  And yes, I have the custom design upgrade, but it only allows me to change fonts and import my own CSS.

  Thanks for your support…

  Norbert

• 

  thesacredpath · Member · Feb 1, 2012 at 11:37 am

  • Copy link

  This will hide the title and site description text, and make the entire header image clickable.

  With the custom design upgrade, you can change the styling on any elements in the theme. There is no limits to only changing fonts.

  Go to appearance > custom design > CSS, delete the informational text in the CSS edit window and paste in the following. You can then preview it (sometimes you might have to force refresh the preview page to see the change). And if you are happy with it, make sure the “add to existing…” button is selected and click “save stylesheet.” The following changes will then override the like stuff in the original stylesheet.

  #site-title {
  background: url("http://minicaster.files.wordpress.com/2012/01/mc-wordpress-header.jpg") no-repeat scroll 0 0 transparent;
  height: 130px;
  margin-bottom: 0;
  }
  
  #site-description {
  text-indent: -9999px;
  }
  
  #site-title a {
  display: block;
  height: 150px;
  margin-top: -30px;
  text-indent: -9999px;
  }

• 

  ngierlich · Member · Feb 1, 2012 at 11:42 am

  • Copy link

  Perfect. It worked. Thank you sooo much!

• 

  thesacredpath · Member · Feb 1, 2012 at 11:49 am

  • Copy link

  You are welcome and now I can go to bed since it is 2am here in the middle of the Pacific. :-)

  And going forward with CSS changes, at wordpress.com what you do is write rules to override stuff in the original CSS. You don’t actually edit the original. So, what you do is add only the specific selectors/classes/IDs and the specific declarations you are adding or changing and then your additions or changes override the original.

• 

  ngierlich · Member · Feb 1, 2012 at 11:55 am

  • Copy link

  Have a good night….and thanks again!