customize fancy box skin in Jupiter theme

  • Resolved Ben Spielben

    (@spielben)


    9 years, 9 months ago

    Hi there, I am kind of newbie with WP and struggle to make little changes.
    here is the question how can I apply a change knowing that I can do it via inspect element in chrome as the image
    I want to remove the background of the fancybox-skin, in the inspector I just untick the box and that’s it. but Don’t know how to find it and where, then how to modify it.
    thank you for your help,
    Ben

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Ben,

    In WordPress websites, CSS files are located at following paths:

    wordpress-website/wp-content/themes/theme-name/style.css

    You will have to navigate at above path and locate the class “.fancybox-skin” and make your desired changes.

    Instead of directly modify a theme, it is advisable to create Child theme and modify it. Following is the complete guide on How to create child theme.

    https://premium.wpmudev.org/blog/how-to-create-wordpress-child-theme/?nlpd=c&utm_expid=3606929-34.mZctMukzSv6Wvz3lKaD43w.2&utm_referrer=https%3A%2F%2Fwww.google.co.in%2F

    Thanks,

    Thread Starter Ben Spielben

    (@spielben)

    Hi, thanks a lot. I’ve followed the tutorial you mentioned, great and clear. Had to deal with the “function.php” file (adding the PHP start tag) after seing the site going weird.
    So far everything seems working, except the menu, which doesn’t show anything at all.
    My fist question is: as I’ve had already worked on the site for a while before creating he child theme, Did I do a mistake? (I’ve understood it was the first thing to do…)
    then how could I bring back my menu?
    https://www.karimzerguinedesign.com
    second question: following your answer I’ve been through style.css and I located the fancybox-skin lines. I can make the change. but should I copy the whole “style.css” in the child theme folder or just add infos about fancy-skin?
    and how do I specify that? in function.php?
    I hope that I am clear, thank you very much for your help,
    Ben

    Thread Starter Ben Spielben

    (@spielben)

    Hi, I’ve just try to go further following different ressources on internet, I ended with this code in my style.css in the child theme folder:
    /* Overriding the fancybox-skin background styles from the Parent Theme */
    .fancybox-skin {
    position: relative;
    background: none;
    color: #444;
    text-shadow: none;
    }
    And… It works!!!

    Just need to find back my menu… If you have any leads, please.
    thank you so much

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘customize fancy box skin in Jupiter theme’ is closed to new replies.