WordPress.org

Ready to get started?Download WordPress

Forums

Highwind
[resolved] Adding an image (13 posts)

  1. T Can
    Member
    Posted 1 year ago #

    I have added my own image to the header bar.

    It said if images are 2500 x 600 they would be left as is.

    I made my image 2500 x 600 but it has stretched my image and I can't see most of it.

    I have tried to use a smaller picture and it continues to stretch the picture so I can't see most of it.

    http://mrsgreenjeansplantsseeds.com/

  2. jameskoster
    Member
    Theme Author

    Posted 1 year ago #

    Hey,

    That's because you've removed the site title / gravatar etc.

    You'll need some custom css. Try something like;

    .header {
    height:500px;
    }

    Just adjust that value to suit.

    Thanks

  3. T Can
    Member
    Posted 1 year ago #

    Where do I add that code to?

    I added it to my child theme and it did not make any difference I even changed the number to 1500px just to see what it would do but it did not change at all.

    I have even put a . in site title and . in tag line to increase the height and that worked slightly but my image is still stretched both height and width.

  4. T Can
    Member
    Posted 1 year ago #

    I took the . out because it made the top tab title ./.

    Where do I put the header code you gave me?

    How do I stop my image from stretching height and width. I am using at 2500 x 600 picture?

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If your CSS isn't working, it's likely because you have extra closing brackets in your style.css file:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmrsgreenjeansplantsseeds.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

    Also, the header is contained in this element - which has a width set:

    .inner-wrap {
        left: 0 !important;
        margin: 1.777em auto;
        max-width: 74.55em;
        transform: none !important;
    }
  6. T Can
    Member
    Posted 1 year ago #

    Now I am more confused than ever. Do I need to correct all the errors in that report? Did it tell me where the extra closing bracket is.

    Do you want me to add that code to my page?

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    No, you only need to correct the errors in the child theme CSS file - scroll down the validator results to that page - looks like these are extra stray brackets here:

    .inner-wrap {
    	background-color: #ffffff;
    }
    }
    }
    /*Targets the main navigation menu*/
    .main-nav ul.menu a {
      color: #000000;
    }

    There may well be other problems as the theme author suggested above.

  8. T Can
    Member
    Posted 1 year ago #

    I took out the bracket and it has let the header get bigger but it did not stop the image from stretching to huge.

  9. T Can
    Member
    Posted 1 year ago #

    I took out the header and the gravatar as I don't want them I only want an image.

  10. jameskoster
    Member
    Theme Author

    Posted 12 months ago #

    Try also adding the following;

    .header {
    background-size: 900px;
    }
  11. T Can
    Member
    Posted 12 months ago #

    Woo hoo thanks - that shrunk my graphic back to it's right size, but now I have a black long bar behind it.

    I put in
    .header {
    background-color: #00cd66 ;
    }
    to make it the same green as the sides but that did not work.

  12. T Can
    Member
    Posted 12 months ago #

    Ok very strange but I found that background header colour linked to the links colour in the customize section.

    Last think I hope but now I have a large green bar below my header image between the body, can I either make that smaller or get rid or it totally.

    When I alter the

    .header {
    height: 220px;
    }

    to smaller then it chops the top off my graphic but does not change the bar on the bottom of the graphic.

    Thanks again for all your help I would be lost without you.

  13. KindtrEpreNeur
    Member
    Posted 1 month ago #

    ...The same happens to mine (www.cebubibleseminary.com)...the header size overlaps the image..This is a wonderful theme..

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.