• Resolved Derekdoes

    (@derekdoes)


    Hey!

    I am having difficulty as a newb to word press getting the header image to format correctly. I understand that the wordpress banner image serves as the background image of the banner area only and this is why the image i’m using through the wordpress header tool is showing up so small.

    What I don’t understand is the solution proposed of dragging a widget over to the Banner Wide area to get the correct header width. Could you please explain in detail what to do?

    Great them by the way, I’m really looking forward to putting it to use.

    Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi Derekdoes…apologies for late reply. Correct about the Custom header being used for the background of the banner area. However, what you want to do is upload an image to your media library and then grab the File URL for it. Then drag a text widget into the “Banner Wide” widget position and using html code, you can then insert your image’s file url like this example:

    <img src="file url path" alt="short description" />

    Thread Starter Derekdoes

    (@derekdoes)

    It worked great thanks for helping out!

    Always good to hear when things work out ??
    Again, sorry for late reply. Normally I’m on top of these posts, but it’s been crazy busy for the last while. Luckily, during this week, everything is finally getting back to normal.

    Thread Starter Derekdoes

    (@derekdoes)

    Hey Quick question. Is there any way to bring up a pages text so there isn’t so much space from the bottom of the header image to the start of text. I have my header image set at 2560 x 350. I know the default is 2560 x 500 so am guessing the white space i’m experience is place holding?

    Thanks!

    -Derek

    wwww.playapillow.com

    You would need to do a quick custom CSS to take some of the padding off this:

    #cir-content-wrapper {
    	padding: 4em 0;
    }

    That is the default CSS that puts 4em on the top and bottom of the content wrapper container (the extra space you see). Use a child theme to make this change or at least a plugin that lets you do custom CSS. Check out Custom Simple CSS (I think it’s called). You can use the em value or px, but em is relative so it works better for responsive sites.

    Thread Starter Derekdoes

    (@derekdoes)

    Thanks! It worked like a charm, I found the program you were referring to. It’s called Simple Custom CSS

    I’d like to adjust the padding on top of the header image as well. What is the HTML for this that I can change?

    Thanks!

    -Derek

    This is the part doing the header:

    #cir-site-header {
    	padding: 2em 0;
    }
    Thread Starter Derekdoes

    (@derekdoes)

    Thanks!

    Hi, I love your great theme!

    Please guide me on how to make all header image widgets to perfectly fit into the header without being separated into 2 rows. Currently, I placed all different image widgets of different sizes under “Banner Short”. I am trying to find a free software version to upload them and convert into one image and then make it fit into the header.
    Thank you in advance for any help or suggestions ??

    Sorry, forgot to add the site: https://www.allfuneralshipping.com

    Susan

    @susobe….you will need to post your question as a new topic being as this one is set as “Resolved”. I’m sure the moderators will catch this soon.

    But to quickly follow up…best way is to use an image editing software program and put them all into one image that way.

    Yes, I am trying to find an editing software, as it seems your header dimensions are larger. Will create another topic. Thank you ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Correct width of Header’ is closed to new replies.