WordPress.org

Ready to get started?Download WordPress

Forums

Pixel
[resolved] Add a header to Pixel Theme (20 posts)

  1. retroblasting
    Member
    Posted 1 year ago #

    Is there a way to add a custom header to this theme?

  2. Andrew
    Forum moderator
    Posted 1 year ago #

  3. retroblasting
    Member
    Posted 1 year ago #

    I got the plugin, uploaded the header, and put the file-URL of the image in the correct sections but so far no success.

  4. Andrew
    Forum moderator
    Posted 1 year ago #

    Let's see a page with the issue

  5. retroblasting
    Member
    Posted 1 year ago #

    http://retroblasting.com/
    My goal is to place the header at the top, rather than the page saying "RetroBlasting."

  6. Andrew
    Forum moderator
    Posted 1 year ago #

    In that case can you add a background image to the header?
    E.g.:

    #header {
     background: url(http://placekitten.com/1000/300) no-repeat;
    }

    You can just use CSS to hide the "RetroBlasting" text afterwards.

  7. retroblasting
    Member
    Posted 1 year ago #

    Will give that a shot... in above, does the /1000/300 refer to the size of the image? Do I leave that in or modify to the size of my header?

  8. Andrew
    Forum moderator
    Posted 1 year ago #

    That website, "http://placekitten.com" is just used for an example. You know more about the header image URL than I, use your image URL. Your image URL might be "/wp-content/themes/pixel/images/your-image.png", but I don't know.

  9. retroblasting
    Member
    Posted 1 year ago #

    Can I add that into Custom CSS or do I need to modify the main stylesheet?

  10. Andrew
    Forum moderator
    Posted 1 year ago #

    Always add new CSS to your Custom CSS

  11. retroblasting
    Member
    Posted 1 year ago #

    Darn. No success.

  12. Andrew
    Forum moderator
    Posted 1 year ago #

  13. retroblasting
    Member
    Posted 1 year ago #

    I uploaded into "media" and grabbed the URL from there... Must have done something wrong there.

  14. retroblasting
    Member
    Posted 1 year ago #

  15. retroblasting
    Member
    Posted 1 year ago #

    Okay, using the photo link I just posted did place an image there, but it is too large. How can I tell what size my image needs to be?

  16. Andrew
    Forum moderator
    Posted 1 year ago #

    The images you upload go to the "upload" folder, the URL may be "/wp-content/uploads/[filename]"

  17. Andrew
    Forum moderator
    Posted 1 year ago #

    How can I tell what size my image needs to be?

    As long as its not crazy-large/small you can just resize it with CSS.
    http://www.w3schools.com/cssref/css3_pr_background-size.asp

  18. Andrew
    Forum moderator
    Posted 1 year ago #

    Try background-size of "cover"

  19. Andrew
    Forum moderator
    Posted 1 year ago #

    If you want to increase the height of the header use the "height" style: http://www.w3schools.com/cssref/pr_dim_height.asp

  20. retroblasting
    Member
    Posted 1 year ago #

    Finally got it, used Contain in the css above. Thanks!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.