Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • November 6, 2017 at 12:28 am #872872
    stacey_pritchett

    Hi,

    I am creating a website for a subsidiary of the parent company. They want the header/footer to be the same as on the parent page. I have recreated and imported the graphics successfully, but I can’t get rid of the space above the images.

    Header and footer should look like this: http://global-sei.com/

    My site so far: http://844.f23.myftpupload.com/

    Please let me know how I can close the top and bottom white gap.
    Thanks so much!
    Stacey

    November 6, 2017 at 1:03 pm #873027
    Rikard

    Hey stacey_pritchett,

    Let’s start with the footer, try this in Quick CSS to see if it works:

    #footer, #footer .container {
  padding:0 !important;
}

    Best regards,
    Rikard

    November 13, 2017 at 7:14 pm #876215
    stacey_pritchett

    Hi Rikard,

    That worked… Please see site: http://844.f23.myftpupload.com/
    Any way I can get rid of the remaining white space.

    What code should I use on the top?

    Thanks!

    November 14, 2017 at 12:08 am #876384
    Nikko

    Hi,

    Try using this css code:

    #header .container.av-logo-container {
    height: 40px !important;
    line-height: 40px !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    December 7, 2017 at 8:22 pm #886220
    stacey_pritchett

    Thank you so much. Two additional questions:

    They want zero white space between the bottom graphic box – “… ELECTRIC NEWS” and the footer graphic. Can you please tell me how to close that up? (http://844.f23.myftpupload.com/)

    Also, they want the RSS feed to be embedded in a graphic in the upper left corner of the “… Electric News” box. Like in this image (http://spmarketinganddesign.com/wp-content/uploads/2017/12/RSS_mockup.jpg)

    Any direction with this would be appreciated. I do have the blue corner graphic as a separate image. Thanks so much!!!!

    December 8, 2017 at 12:03 am #886286
    Jordan Shannon

    Hi,

    Add this to quick css to fix the footer:

    
#footer.container_wrap.footer_color{
line-height:0px!important;
}

    Please explain the last request a little clearer.

    Best regards,
    Jordan Shannon

    December 8, 2017 at 6:15 pm #886562
    stacey_pritchett

    Thanks so much! That worked! So for the bottom box ““… Electric News” on (http://844.f23.myftpupload.com/) – they want to have the RSS feed link in the upper left corner, like in this mock-up – (http://spmarketinganddesign.com/wp-content/uploads/2017/12/RSS_mockup.jpg), where it says ‘Subscribe to RSS’. Make the “Subscribe to RSS” a link to the RSS feed. I can have the corner area as separate graphic or embed it in the background graphic I have there now -what ever would work.

    Not able to figure out how to do that… I have it as a RSS widget now at the bottom of the box. Any help or guidance would be appreciated.

    Hope that’s clear… if not… I’ll try to clarify. Thank you!

    December 8, 2017 at 11:58 pm #886667
    Jordan Shannon

    Hi,

    You would want to use css and apply absolute positioning on the RSS element.

    style="position:absolute; top:10px; left:10px"

    Best regards,
    Jordan Shannon

    December 10, 2017 at 10:17 pm #887145
    stacey_pritchett

    Thanks so much! Sorry for being dense… where do I put this code since I can’t touch the RSS code in the wordpress page. Please advise. I updated the graphic on the page. Hoping to put the RSS element under it. (http://844.f23.myftpupload.com/)

    December 11, 2017 at 2:44 am #887193
    stacey_pritchett

    Sorry… one more thing. This client is killing me…

    When the top graphic (logo and header graphic) is scaled it covers the logo… is there a way to make sure the logo stays in the white space and the image stays to the right?

    December 11, 2017 at 12:30 pm #887334
    Nikko

    Hi,

    I can’t seem to see the issue on my end, can you show a screenshot where the logo is covered?

    Best regards,
    Nikko

    December 11, 2017 at 9:00 pm #887562
    stacey_pritchett

    Thanks so much. So, this is correct (http://844.f23.myftpupload.com/wp-content/uploads/2017/12/correct.jpg) but when the screen is made smaller it appears as this (http://844.f23.myftpupload.com/wp-content/uploads/2017/12/incorrect.jpg). So I need to lock in the logo and top graphic. When I upload it all, it puts the enfold logo in as a default.

    Also – need to add RSS link/functionality to the top left corner here (http://844.f23.myftpupload.com/wp-content/uploads/2017/12/Rss.jpg). Jordan recommended absolute positioning – style=”position:absolute; top:10px; left:10px. Just not sure where to put the code since I can’t edit the code on the page. Where is the .css is this or is there an easier way? Any help on these two things would be appreciated.

    December 12, 2017 at 12:31 am #887615
    Jordan Shannon

    Hi,

    How are you currently adding the RSS image to the page. Are you adding it into a color section or column?

    Best regards,
    Jordan Shannon

    December 12, 2017 at 1:06 am #887634
    stacey_pritchett

    Thanks Jordan. I am adding it as a background image but am open to adding it other ways if it would work better.

    December 12, 2017 at 7:26 pm #888048
    Jordan Shannon

    Hi,

    If you can perhaps put it in a row near the section that it should overlap. We can then work on adding a class to it.

    Best regards,
    Jordan Shannon

    January 11, 2018 at 11:36 pm #896300
    stacey_pritchett

    Hi,
    So I used this code:

    #footer.container_wrap.footer_color{
    line-height:0px!important;
    }

    To kill the white space before the footer graphic, and it worked perfectly on the desktop. I am getting this bit of space on mobile devices.

    http://844.f23.myftpupload.com/wp-content/uploads/2018/01/White_space_footer.jpg

    Please let me know how I can close that up on all mobile devices.

    Thanks so much!

    January 11, 2018 at 11:55 pm #896305
    Jordan Shannon

    Hi,

    Which page is that screenshot taken from?

    Best regards,
    Jordan Shannon

    January 12, 2018 at 12:01 am #896313
    stacey_pritchett

    Hi,

    It’s taken from a mobile device – iphone 6. It seems to be happening on mobile devices only. It looks great on the desktop.

    Thanks!

    January 12, 2018 at 1:20 am #896365
    Jordan Shannon

    Hi,

    I’m not able to recreate this issue. If you can get the class or id of that exact section, it can likely be reduced by using:

    
padding-top:0 or margin-top:0

    on the footer.

    or

    
padding-bottom:0 or margin-bottom:0

    on the section just above the footer.

    Best regards,
    Jordan Shannon

    January 23, 2018 at 10:17 pm #901717
    stacey_pritchett

    This has been fixed. Please close this topic

    January 23, 2018 at 10:31 pm #901736
    Jordan Shannon

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘No space above header graphic’ is closed to new replies.