Tagged: 

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • March 25, 2020 at 4:05 pm #1197704
    cmeurer

    Can you tell me how to make the gray background white instead in the Partners logo row? I tried adding this but no luck:
    div.avia-content-slider-inner div.slide-entry-wrap.active-slide {
    background-color: #ffffff!important;
    }
    Also, all of my logos are 75px high so why aren’t they all lining up vertically? I’d like them all lined up.

    Thanks!

    • This topic was modified 4 years, 9 months ago by cmeurer.
    March 25, 2020 at 4:22 pm #1197713
    Jordan Shannon

    Hey cmeurer,

    The logo itself has a white background. You need to remove it in an image editor or save it as a png or svg for transparency.

    Best regards,
    Jordan Shannon

    March 25, 2020 at 4:44 pm #1197733
    cmeurer

    I want it white — but it’s showing gray. The background color of that row seems to be set to gray and I’d like it white.

    March 25, 2020 at 5:20 pm #1197759
    Jordan Shannon

    Hi,

    Can you screenshot what you’re seeing?

    Best regards,
    Jordan Shannon

    March 25, 2020 at 5:20 pm #1197761
    Jordan Shannon

    Hi,

    Can you screenshot what you’re seeing?

    Best regards,
    Jordan Shannon

    March 25, 2020 at 5:41 pm #1197769
    cmeurer

    See below

    • This reply was modified 4 years, 9 months ago by cmeurer.
    March 25, 2020 at 5:44 pm #1197774
    cmeurer

    Partner logos

    March 25, 2020 at 7:54 pm #1197834
    Victoria

    Hi cmeurer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia-smallarrow-slider .slide-image {
  background-color: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 25, 2020 at 8:14 pm #1197848
    cmeurer

    Wonderful – that worked to fix the gray background but the logos are still not aligned vertically. How can I fix that? They are all the same height so I don’rt know why they wouldn’t all be vertically centered.

    March 25, 2020 at 8:41 pm #1197857
    cmeurer

    They actually all look pretty good except for the 2nd one (says WISCONSIN). Why is that one so high?

    March 25, 2020 at 9:40 pm #1197866
    cmeurer

    I have it set to No scaling, Do not stretch image, and Do not display border.

    March 26, 2020 at 6:07 am #1197939
    Rikard

    Hi,

    Thanks for the update, the WISCONSIN image seems to be much wider than the ones on each side of it. Could you try to edit it in software like Photoshop and then upload it again please?

    Best regards,
    Rikard

    March 26, 2020 at 3:46 pm #1198072
    cmeurer

    It was still the same height, even though it was wider. I edited the logo and re-uploaded it. They still all look top-aligned. How can I have them all be centered vertically?

    March 26, 2020 at 5:30 pm #1198128
    Victoria

    Hi cmeurer,

    Best regards,
    Victoria

    March 26, 2020 at 5:41 pm #1198135
    cmeurer

    Strange. That does look good. For me, it looks like this:
    (I’m on Chrome on a PC)
    Logos

    March 26, 2020 at 11:39 pm #1198182
    cmeurer

    Nevermind. I just did it another way…. but now can you tell me how to get rid of the padding on top and the gray horizontal line above the logos? I’d like them moved up and NOT have that gray line. I see where to change this in the CSS but I don’t know what element to change it on. Thanks.

    • This reply was modified 4 years, 9 months ago by cmeurer.
    March 27, 2020 at 7:08 am #1198243
    Rikard

    Hi,

    Please try this CSS as well:

    #after_section_5 {
    border-top-style: none;
}

    Best regards,
    Rikard

    March 27, 2020 at 4:51 pm #1198372
    cmeurer

    That got rid of the gray border but not all the extra space – how can I move all the logos up?

    March 27, 2020 at 8:31 pm #1198425
    Jordan Shannon

    Hi,

    Add this to quick css:

    #after_section_5 .container .template-page.content.av-content-full.alpha.units{
padding-top:0px!important;
}

#av_section_5 .container .template-page.content.av-content-full.alpha.units{
padding-bottom:0px!important;
}

    Best regards,
    Jordan Shannon

    March 27, 2020 at 9:38 pm #1198442
    cmeurer

    Thank you!

    March 27, 2020 at 10:45 pm #1198474
    Jordan Shannon

    Hi,

    No problem at all. 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 ‘Background color for Partner Logo Element’ is closed to new replies.