New Topic

Header

Home › Forum › Help › Header

This topic contains 6 replies, has 2 voices, and was last updated by  StartupWP 4 years, 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2079

    beyondthecoop
    Participant

    I need help changing the font, size and color in my header.
    I also need to place a picture in the header. When I follow the steps in another forum question, I can get a picture in , but it covers my header name.

    I have startup pro.
    beyondthechickencoop.com

    #2080

    StartupWP
    Keymaster

    To customize the site title header use:

    #site-title a, #site-title h1 a, #site-title h1 {
      color: #000;
      font-size: 30px;
      font-weight: normal;
      margin: 0;
      padding: 0;
      text-shadow: none;
    }

    Simply copy and paste:

    https://startupwp.com/topic/customizing-your-theme/

    Change it up however you like or make specific requests if you’d like us to write the code for you.

    Generally, there’s not a good reason to have both a site title in the form of text AND a logo. Normally, you’d either just have the text there or if you wanted to have a logo, the text would appear within the logo graphic.

    If you still want both, this will probably require more advanced customization than you might be comfortable with.

    One creative solution we could utilize might be to have you upload a logo graphic and then we can use the Description (set under Settings > General) for the text you want to appear alongside the image.

    #2081

    beyondthecoop
    Participant

    Where do I paste the copy? In the css? If I want to change it up what do I need to do? The link provided doesn’t help…

    #2082

    beyondthecoop
    Participant

    How do I insert a picture below the header like in the sales sample?

    #2083

    StartupWP
    Keymaster

    1. Adding CSS.

    Log into your WP admin and from the main menu, go to:

    Appearance > StartupPro Options > Scroll Down to Advanced Editing > Find the Box that Says Custom CSS Below It > Paste in:

    #site-title a, #site-title h1 a, #site-title h1 {
      color: #000;
      font-size: 30px;
      font-weight: normal;
      margin: 0;
      padding: 0;
      text-shadow: none;
    }

    Then click Save Options.

    Let us know exactly how you’d like to change it and we’ll write it for you. What color, what font or font style, how big or small etc.

    2. In the demo (https://startupwp.com/demo/), there’s only a logo image, nothing else. To add a logo or header image, go to:

    Appearance > StartupPro Options > Image URLs > Logo Image URL > Click Select/Upload Image > When the Image is Selected Click Insert into Post > Save Options

    #2084

    beyondthecoop
    Participant

    Thank you.

    Font, from google fonts – Fontdiner Swanky. I don’t know what size and color yet. I wish there was a way for me to play with the color, size and font. I am surprised I was spoiled by the free templates from Blogger. I assumed buying a theme would have all the bells and whistles. Not too pleased with my purchase yet….

    #2085

    StartupWP
    Keymaster

    You can do all that and much more out-of-the-box with StartupPro. Coming from Blogger, perhaps it’s more of an overall learning curve now working with WordPress in general that’s the problem? That’s okay, we’re here to help you learn. Once you become more familiar with WordPress and WordPress themes we think you’ll find that you have much more control over your website than on most other platforms, including Blogger.

    1. Log in and go to Appearance > StartupPro Options.

    2. Under “Turn On/Off Features” check the box next to “Custom Styles & Custom CSS”.

    3. Scroll down to “Google Fonts” and enter Fontdiner+Swanky in the “Google Font One” field.

    4. Scroll down to “Custom Styles” and under “Headers Font” add Fontdiner Swanky.

    5. Scroll down to “Custom CSS” and paste in:

    #site-title a, #site-title h1 a, #site-title h1 {
      color: #666;
      font-family: fontdiner swanky;
      font-size: 30px;
      font-weight: bold;
      margin: 0;
      padding: 0;
      text-shadow: 0 1px 0 #fff;
    }

    6. Click “Save Options”.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.