Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 13, 2015 at 6:21 am #517848
    ryanjg11

    I’m using a color box to hold a background image for a transparent logo/header. It works just fine in Chrome, but under IE and Firefox, the image repeats. See the link below. Any way to make it render consistently across browsers?

    October 13, 2015 at 2:30 pm #518101
    Ismael

    Hey ryanjg11!

    Thank you for using Enfold.

    Please edit the color section then add a unique id in the Section ID field. Use “custom-section” for example then add this in the Quick CSS field:

    #custom-section {
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

    Or edit the color then adjust the Background Repeat and Background Position settings.

    Best regards,
    Ismael

    October 13, 2015 at 6:44 pm #518266
    ryanjg11

    I will try this code later tonight.

    One more problem with the site: under IE, the logo-shrink is distorted (crunched too much horizontally, not 1:1). This only appears to happen in IE. Is this something that is fixable? Thanks!

    October 13, 2015 at 9:04 pm #518377
    Basilis

    Hi!

    Can u let us know which IE version you are trying?

    Regards,
    Basilis

    October 14, 2015 at 5:38 pm #518850
    ryanjg11

    IE11

    October 16, 2015 at 7:48 am #519692
    Ismael

    Hey!

    I checked the site on IE 11 and it looks the same as any browsers.

    Best regards,
    Ismael

    October 17, 2015 at 6:52 am #520363
    ryanjg11

    Please see the screenshot below, from left to right:

    IE11, Chrome, Firefox

    As you can see, the logo is crunched horitzontally.

    October 20, 2015 at 6:57 am #521404
    Ismael

    Hey!

    It doesn’t look that way when I checked it on IE11. Please try to add this in the Quick CSS field:

    #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    width: 286px;
}

#top .av_header_transparency.av_alternate_logo_active .header-scrolled .logo a > img {
    width: 143px;
    min-width: 143px;
}

    Regards,
    Ismael

    October 20, 2015 at 7:25 am #521413
    ryanjg11

    Solved, thanks.

    October 20, 2015 at 12:10 pm #521526
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Image alignment within color box’ is closed to new replies.