make main pic smaller

• 

  olevskyc10 · Member · Jan 8, 2014 at 10:25 pm

  • Copy link
  • Add topic to favorites

  I have the option to upload a picture using the forever theme under my blog title but I want it smaller. How can I adjust just the picture size?

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

• 

  olevskyc10 · Member · Jan 8, 2014 at 10:48 pm

  • Copy link

  I also want to make my title font bolded

• 

  thesacredpath · Member · Jan 9, 2014 at 4:11 am

  • Copy link

  This would be a starting point for the header image. You would create your image, upload it to the media library, get the URL of that image and then replace URL_OF_IMAGE between the quote marks with that URL. I just used a random image height of around 100px for this and depending on the height of your image, the “height” may need to be adjusted.

  #masthead {
      background: url("URL_OF_IMAGE") no-repeat scroll center 150px rgba(0, 0, 0, 0);
      height: 300px;
      position: relative;
  }
  #access {
      bottom: 0;
      position: absolute;
  }

  To make the title bold, add the following.

  #site-title {
      font-weight: bold;
  }

• 

  justpi · Member · Jan 9, 2014 at 4:16 am

  • Copy link

  Second code needs to be:

  #site-title {
  font-weight: bold !important;
  }

• 

  thesacredpath · Member · Jan 9, 2014 at 4:23 am

  • Copy link

  @justpi, thanks.

• 

  justpi · Member · Jan 9, 2014 at 4:39 am

  • Copy link

  ~~