Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #963019

    Hi!

    After I upgraded my theme my icon lists are acting weird. The titles has moved and are now “inside” the icons. On the entire site (I have a couple of lists on almost every page, so a easy solution would be nice). =)

    See for example: https://www.sudersand.se/vara-boenden/parstugor/

    Regards Johan

    #964103

    Hey Johan,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Can you please disable loading jQuery in the footer and see if the issue remains?

    Best regards,
    Victoria

    #964116

    Here you go!

    Could actually not find where the settings for jquery are turned on…. =)

    Regards Johan

    #965248

    Hi,

    Thanks for the update. I’m getting 502 errors intermittently so I can’t configure the settings. Please contact your hosting provider and disable the cache and minification plugins temporarily.

    Best regards,
    Ismael

    #965267

    Thats weird, I´m not getting any 502´s…
    I´ve turned of WP rocket now, so please have a look!
    If there´s any other plugin you need turned off, feel free to do it. =)

    Regards Johan

    #965406

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - Icon list spacing */
    
    .avia-icon-list .iconlist_content_wrap {
        margin-left: 33px;
    }
    
    /* End CSS */
    
    

    Result:

    Best regards,
    Vinay

    #965717

    I tried to add the code but it doesn´t work for me….. but it did for you? (did you get that pic by adding the code to my site?)
    Even tried to add !important;
    Is there something or some code that is blocking me? I´ve turned off the caching, and cloudflares cache is off for three hours and purged.

    See my image in private, that is how it look for me. =)

    Regards Johan

    #965738

    Hi,

    Thank you for sharing the screenshot but it did not work for me :(

    Strange the icons look good on my end, I just added the line height to vertically align the icons with the text.

    This is how it looks on my end now :)

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

    #965748

    But this frustrates me! =D

    I just doesn´t show like that for me. But many thanks for getting the title inline! =D
    I´ve disabled performance options, WP rockets are inactive and I made hard refresh (macbook, so cmd+R )

    But noop. Not on Google Chrome and not in Safari.

    What the h… am I doing wrong!=D

    Regards Johan

    #965749

    Hi again,

    I opened a private window in chrome and now it looks fine. So I guess there is some cachingproblem I need to sort out.
    So I guess my problem is solved by you and thanks for that!

    Have a nice day!

    Regards Johan

    #965759

    One little extra notice though, my windows change the icontitle postition when turning off/on the minify/merge Javascript option in performance… Something for you the have a closer look on?

    Regards Johan

    #965811

    Hi,

    Glad you are able to view the changes in a private window.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance. Select “Delete old CSS” option at the bottom and save the page.
    2. I believe you already deactivated the caching plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Hope this clears the browser cache for you :)

    Best regards,
    Vinay

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