Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 28, 2014 at 11:56 am #244304
    kardemomme

    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.
    March 30, 2014 at 11:54 am #245058
    Devin

    Hi kardemomme!

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

    Cheers!
    Devin

    March 30, 2014 at 12:44 pm #245083
    kardemomme

    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.

    March 30, 2014 at 2:24 pm #245107
    Yigit

    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.
    March 30, 2014 at 6:33 pm #245172
    kardemomme

    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.
    March 30, 2014 at 6:37 pm #245175
    Yigit

    Hi!

    I edited the code, please try it now

    Cheers!
    Yigit

    March 30, 2014 at 7:01 pm #245178
    kardemomme

    The logos still get left-aligned when resized down.

    Thank you for fast responses!

    March 31, 2014 at 11:50 am #245373
    Yigit

    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

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