Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 19, 2017 at 8:42 pm #878843
    SyberKnight2

    there’s…

    1) WP admin > Appearance > Customize > Additional CSS
    &
    2) WP admin > Appearance > Editor > Stylesheet (style.css)

    which is the better place to add my own css styles?

    note: i am using a “Child” theme of Enfold.

    also, i see via FTP where #2 is (wp-content/themes/enfold-child/style.css)
    but i cannot find where (what file) the #1 additions are kept.
    anyone know?

    thanks.

    November 19, 2017 at 9:20 pm #878849
    Mike

    Hey SyberKnight,
    Since you are using a child theme WP admin > Appearance > Editor > child theme > Stylesheet (style.css) is best.
    Also clear site and browser cache after changes.

    Best regards,
    Mike

    November 19, 2017 at 10:11 pm #878872
    SyberKnight2

    thanks Mike.

    two followup questions then…

    1) i’m still curious where the other css is kept; i’ve ftp’ed in & poked around but cannot find it.

    2) how do you clear the site cache? i know how to clear browser cache.
    is it possible to do withOUT yet another plugin?

    THANKS!

    November 19, 2017 at 11:25 pm #878892
    Mike

    Hi,
    I meant any site caching plugin, sorry I got to start wording that better :)
    The other two css is custom.css and dynamic-css.php which is keeped in your database.

    Best regards,
    Mike

    November 19, 2017 at 11:33 pm #878897
    SyberKnight2

    ah. ok. thanks.

    November 20, 2017 at 4:45 am #878958
    Nikko

    Hi,

    Glad that Mike helped you. Let us know if you need more assistance :)

    Best regards,
    Nikko

    May 3, 2020 at 4:50 pm #1209306
    angelortiz
    This reply has been marked as private.
    May 3, 2020 at 5:14 pm #1209312
    angelortiz
    This reply has been marked as private.
    May 3, 2020 at 5:35 pm #1209316
    Mike

    Hi,
    Thank you for the login and link to page, I see that we are using this css, which I added to your Enfold Theme Options > General Styling > Quick CSS field:

    .jf-image-shadow { box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35) !important; }

    The first part is the class which we will add to the images we want to have the box shadow jf-image-shadow
    2020-05-03_112839.png
    please notice there is no dot before the class, the dot is used only in the Quick CSS field.
    Now your box-shadow is working on the first two images that I added the class to, please clear your browser cache and check.

    Best regards,
    Mike

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