Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 22, 2016 at 3:41 pm #601904
    sublime5o

    I am looking to keep the logo background area a bit shorter than the logo (see screenshot below). You will see the white blob area is for the logo. I am looking to have the logo to overlap the green background logo area but I cannot find the CSS to do that. Please let me know.

    http://www.awesomescreenshot.com/image/1102276/126402bb250afcc05de50a10a4291e6a

    March 22, 2016 at 3:45 pm #601910
    Yigit

    Hi sublime5o!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .logo { top: 20px; }

    If that does not help, please post the link to your website

    Best regards,
    Yigit

    March 22, 2016 at 3:53 pm #601918
    sublime5o

    Thanks but this just moved the logo down. The logo as you can see in the image linked is at the top and would not need to be moved down and the background color (dark green) is shorter. Right now the site is on a local development server or I would send you a link.

    March 23, 2016 at 3:16 pm #602546
    sublime5o

    Any thoughts?

    March 26, 2016 at 11:53 am #603808
    Andy

    Hi!

    can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements, otherwise we can’t help much.

    Cheers!
    Andy

    March 28, 2016 at 5:21 pm #603932
    sublime5o

    I have added the staging area in the private content area. Again if I put your code in it just moves the logo down. The screenshot provided you will see that the logo stays in place but the background green color area is shortened.

    March 28, 2016 at 6:22 pm #603975
    Jordan

    Hi!

    Try the following code instead in the Quick CSS field:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 92px !important;
}

.container.av-logo-container {
    height: 90px !important;
}

    Adjust the number as you wish.

    Regards,
    Jordan

    March 28, 2016 at 6:29 pm #603981
    sublime5o

    I made the additional css updates to my child style.css file. As you can see it is too small and doesnt look that close to the screenshot sent.

    March 29, 2016 at 4:28 am #604233
    Ismael

    Hi!

    Add this in the Quick CSS field:

    .logo img {
    height: 165px !important;
    max-height: 165px !important;
}

    This will render the logo in its actual height.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.