WordPress.org

Forums

Circumference Lite
[resolved] Correct width of Header (13 posts)

  1. Derekdoes
    Member
    Posted 11 months ago #

    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!

  2. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    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" />

  3. Derekdoes
    Member
    Posted 11 months ago #

    It worked great thanks for helping out!

  4. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    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.

  5. Derekdoes
    Member
    Posted 11 months ago #

    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

  6. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    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.

  7. Derekdoes
    Member
    Posted 11 months ago #

    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

  8. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    This is the part doing the header:

    #cir-site-header {
    	padding: 2em 0;
    }
  9. Derekdoes
    Member
    Posted 11 months ago #

    Thanks!

  10. susobe
    Member
    Posted 9 months ago #

    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 :)

  11. susobe
    Member
    Posted 9 months ago #

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

    Susan

  12. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    @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.

  13. susobe
    Member
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.