Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 27, 2018 at 12:47 am #903598
    iisrael

    Hi,

    I have had a few scenarios where I use Google Inspect to try and modify the CSS on my page, with success. However, when I copy the new code to my style sheet it doesn’t work and the areas load back to the defaults.

    Here are some things I have tried: cleared the browser cache, the cache on the site, used incognito, used a second browser as a user, using #top adding h1 to the class.

    Here is my current scenario and I found this topic brought up before: https://kriesi.at/support/topic/image-captions-2/
    I would like the text of a photo caption to display at the bottom of the image, not in the middle which is the default.

    Here is the suggest code from the link above:

    .av-image-caption-overlay-center {
    vertical-align: bottom !important;
    }

    This works in google inspect so I can see it’s the correct code, but when I add it to the style sheet no luck.

    Please help and thank you as always, sorry really feeling like a rookie (ok I am a rookie).

    -Ian

    January 27, 2018 at 5:32 am #903626
    Mike

    Hey iisrael,
    Please include the url to the page in question so we can take a closer look and please include a admin login in the private content area so we can be sure we don’t have the same issue with the solution.

    Best regards,
    Mike

    January 27, 2018 at 10:31 pm #903792
    iisrael

    Mike,

    Ok, URL and login are in pvt.
    The images of staff head shots and their names are the issue at hand.

    Is there way to have more than 5 columns?

    January 28, 2018 at 12:04 am #903820
    Mike

    Hi,
    I tried adding the rule to your css, and flushing your cache a few times but the vertical-align: middle continues to be called from:
    wp-content/cache/minify/8052b.css
    So it is just a matter of clearing / recreating the minifyed css, perhaps disabling the minify and then clearing again and enabling it again?
    Please try this.

    Best regards,
    Mike

    January 28, 2018 at 3:13 am #903838
    iisrael

    Hi,

    Ok, when I deactivated the cache plugin that also does my minify tasks (W3 Total Cache) the code is read properly. Thank you for the tip. Do you know of a plugin that does these tasks without conflicting with the CSS files? Or do you know if there is a setting in this plugin that should be adjusted?

    Thanks,
    Ian

    January 28, 2018 at 7:48 pm #903922
    Mike

    Hi,
    Typically on cache plugins you can clear the minify cache and rebuild it, I don’t have a lot of experience with W3 Total Cache so I found this article for you. I use the WP Fastest Cache which does have the “clear minify” option, I would think W3 Total Cache does also somewhere, I just didn’t see it. Please note that many users have had issues when minifying js, braking the scripts, so I would advise against that.

    Best regards,
    Mike

    May 3, 2018 at 6:45 pm #951001
    iisrael

    Mike,

    Thank you for your help, as always. I was able to resolve this by deactivating the Cache plugins.

    Stay tuned for more questions from this rookie :).

    -Ian

    May 3, 2018 at 11:34 pm #951150
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘CSS Updates Work In Google, but not in style.css or Quick CSS’ is closed to new replies.