Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 3, 2017 at 10:28 pm #859804
    Johan Lindvall

    Hi!
    I have two problems, and both seems only to appear on Safari.
    First, the id scroll (link in button to id in a section in same page) does not work on safari, but i does work on chrome.
    Do you know what to do?
    Also, you previously helped me with icon list colors and it worked, but somehow the icons has the default color (grey) in chrome but in safari they appear as white.

    Both problems can be seen here: http://www.sudersand.se/vara-boenden/stugbyn/familjestuga-4-baeddar/

    Pic with problems are attached.
    Login aswell.

    Thanks!

    Regards Johan

    October 3, 2017 at 10:35 pm #859805
    Guenni007

    the link to priser is on that page not right:

    it is:
    http://www.sudersand.se/vara-boenden/stugor/familjestuga-4-baeddar/#priser but the real link should be:
    http://www.sudersand.se/vara-boenden/stugbyn/familjestuga-4-baeddar/#priser

    so it makes me wonder why it should work on chrome?

    Erase the chrome cache ! then you will see that the link will not work aswell. And maybe the color of the icons is solved then too.
    I see on my chrome and on safari, opera, firefox allways the same background-color: #f6a800

    October 3, 2017 at 10:39 pm #859807
    Johan Lindvall

    Ah! Thanks Guenni007!
    Of course, I made a change in parent-pages… =)

    But, yes, why does it work on chrome? Maybe because thats is where I´m logged in and editing….?

    October 3, 2017 at 10:42 pm #859808
    Guenni007

    No – erase the cache!

    copy / past it to your url window:

    chrome://settings/clearBrowserData

    October 4, 2017 at 8:32 am #859986
    John Torvik

    Hi,

    Thanks for helping us Guenni007.

    Best regards,
    John Torvik

    October 4, 2017 at 8:37 am #859994
    Johan Lindvall

    The links are now working fine, but the problem whit the coloring of the icons in the list still remains.
    Any ideas? =)

    Regards Johan

    October 5, 2017 at 5:43 am #860412
    Ismael

    Hi,

    I’m sorry but I don’t see any icon list element in the page. There is an icon box but there’s no icon list. Could you please provide a screenshot or a link to the page with the issue? ( see private field )

    Best regards,
    Ismael

    October 5, 2017 at 5:52 am #860417
    Johan Lindvall

    There is two icon list on the page that you checked. And the screenshot is provided in my first post, but I´ll add it again.
    The lists are in the colorsection just below the icon box. =)

    – Johan

    October 5, 2017 at 6:41 am #860451
    Ismael

    Hi,

    I see. I didn’t notice it because it’s transparent. The following css modification in the style.css file overrides the one in the Quick CSS field.

    .avia-icon-list .iconlist_icon {
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 15px;
    margin-right: 20px;
    margin-left: 0px;
    background-color: transparent !important;
}

    You can either remove the background color property or adjust the !important rule in the Quick CSS field modification.

    .main_color .avia-icon-list .iconlist_icon {
    background-color: red !important;
}

    Best regards,
    Ismael

    October 6, 2017 at 12:24 pm #860969
    Johan Lindvall

    But I don´t understand… I can´t find the important rule in the quick css field. The rule you just wrote isn´t there when I´m looking.
    And still, non of the codes ( in style.css or quick css) refers to any color of the icons itself, except for background. They are white. Not the default color – should be grey. Or what am I missing? =)

    Regards Johan

    October 7, 2017 at 3:45 am #861258
    Ismael

    Hi,

    Just add this code at the very bottom of the style.css file.

    .main_color .avia-icon-list .iconlist_icon {
    background-color: red !important;
}

    Best regards,
    Ismael

    October 11, 2017 at 10:45 am #862806
    Johan Lindvall

    Hi,

    I added the code and the background, of course, went red. I changed it to transparent (purged all caches) but the background still goes red. Whats wrong now?

    I´m using this code:

    .main_color .avia-icon-list .iconlist_icon {
    background-color:transparent !important;
    }

    Have even put it in the quick CSS, but it has no effect. The background goes red.

    Regards Johan

    October 11, 2017 at 8:59 pm #863021
    Johan Lindvall

    Hi again! I don´t know if you have changed anything in my theme since my last post, but the icons seems to have a transparent background now! I only waited for a few hours and suddenly, there they was transparent. =)

    Regards Johan

    October 12, 2017 at 7:21 am #863227
    Ismael

    Hi,

    I thought that you don’t want them to be transparent? Please remove browser cache after adding any modifications. You’re probably looking on a cached version of the page.

    Best regards,
    Ismael

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