Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #244304

    Hi,

    Bug #1: As title says, transparent png images becomes un-transparent when you add a link to the image.

    Bug #2: Same element doesn’t preserve responsive design in resizing (iPad vertical) with 4 columns. Works fine with 5 however.

    Theme setting: Responsive max 1030

    • This topic was modified 10 years, 8 months ago by kardemomme.
    #245058

    Hi kardemomme!

    Do you have an example we can see live for both issues?

    Cheers!
    Devin

    #245083

    Above footer on this page:

    http://dragene.no/

    You may need to tilt the screen to see the difference between white/transparent. All PNG-s are transparent, but the one with the link is not.

    For the scaling issue, see width below 997px but above phone screen size.

    Thanks in advance.

    #245107

    Hey!

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

    .main_color .avia-content-slider .slide-image { background: transparent; }
    @media only screen and (max-width: 989) and (min-width: 767px) {
    #top .avia-logo-element-container .slide-entry {
    float: left;
    clear: right;
    width: 50%;
    }}

    Cheers!
    Yigit

    • This reply was modified 10 years, 8 months ago by Yigit.
    #245172

    The first part of your code works as a charm to fix the transparency bug, but the last part of the code didn’t work. It ruins the layout for normal resolution.

    I tried applying a width-filter myself with no success either.

    • This reply was modified 10 years, 8 months ago by kardemomme.
    #245175

    Hi!

    I edited the code, please try it now

    Cheers!
    Yigit

    #245178

    The logos still get left-aligned when resized down.

    Thank you for fast responses!

    #245373

    Hey!

    Please try adding !important rule as following

    @media only screen and (max-width: 989) and (min-width: 767px) {
    #top .avia-logo-element-container .slide-entry {
    float: left !important;
    clear: right !important;
    width: 50% !important;
    }}

    Cheers!
    Yigit

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