AC
(@purplecodes)
Themeisle Support
Hi @deeny,
Thank you for reaching out.
Do you mean that the CSS works when you put it on the Customizer but not on style.css?
Kindly share the CSS code that you have added.
Thread Starter
deeny
(@deeny)
Hi @purplecodes,
Correct, style.css is not being read from the host server, path: File Manager>shop.dingolaypeppersauce.com>public.html>wp-content>themes>neve-child-master>style.css. Also, the new screenshot.png (same path) is not being read by WordPress either. Is it possible that the code in function.php is not correct?
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
if ( ! function_exists( 'neve_child_load_css' ) ):
/**
* Load CSS file.
*/
function neve_child_load_css() {
wp_enqueue_style( 'neve-child-style', trailingslashit( get_stylesheet_directory_uri() ) . 'style.css', array( 'neve-style' ), NEVE_VERSION );
}
endif;
add_action( 'wp_enqueue_scripts', 'neve_child_load_css', 20 );
Here is the CSS I have in style.css and in the customizer:
/* Contact form */
.contact-form div.wpforms-container-full .wpforms-form input[type=text],
.contact-form div.wpforms-container-full .wpforms-form input[type=email]{
padding: 34px 22px;
border: none;
border-radius: 4px;
background-color: #ffffff;
font-family: Arial;
font-size: 14px;
margin-bottom: 12px;
}
.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-label{
font-family:Rubik;
font-size:14px;
font-weight:700;
color:#000000;
margin-bottom: 12px;
}
.contact-form div.wpforms-container-full .wpforms-form .wpforms-required-label{
font-weight:700;
color:#000000;
}
/* Contact form - Button */
.contact-form div.wpforms-container-full .wpforms-form button[type=submit] {
margin-top: -22px;
letter-spacing: 1.1px;
background-color:#eea42c;
font-family: Rubik;
font-size: 14px;
color: #ffffff;
padding: 8.875px 44.3906px;
border-radius: 4px;
font-weight:700;
}
.contact-form div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background-color:#eea42c;
}
/* Link colors */
.link-white a {
color: #ffffff;
text-decoration: none !important;
}
.link-black a {
text-decoration: none !important;
color: #070731;
}
/* MY CSS BEGINS HERE */
/*hero subtitle*/
.hero-subhead {
letter-spacing: .1em;
}
/*Adjusts text under 'Our Peppersauces' images */
.header-figcaption figcaption {
text-align: center;
padding-top: 0px;
}
/*Homepage Recipe subtitle*/
div.innerblocks-wrap h6 {
letter-spacing: .1em;
}
/*homepage slider*/
.slick-slider {
background: #F0F3E9;
padding-bottom: 20px;
}
.slick-slider p {
line-height: 1.85em;
padding-left: 30%;
padding-right: 30%;
}
/*space abover Save Money header-homepage*/
#wp-block-themeisle-blocks-advanced-column-739fc92b {
padding-top: 155px;
}
/* Responsiveness */
@media screen and (max-width: 600px) {
.contact-form {
width: 100%;
}
}
/***MY RESPONSIVE CSS BEGINS HERE ***/
@media screen and (max-width: 666px) {
.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap {
flex-direction: column;
}
/*recipe block-homepage */
#wp-block-themeisle-blocks-advanced-column-1a0453a4 {
padding-top: 0px;
padding-left: 10px;
margin-top: 18px;
margin-bottom: 38px;
}
#wp-block-themeisle-blocks-advanced-column-1a0453a4 p {
font-size: 15px;
width: 100px;
}
/*Save Money block on homepage: */
/*removes white margin and spacing above header */
#wp-block-themeisle-blocks-advanced-column-739fc92b {
padding-top: 50px;
margin-top: -30px;
}
/*removes desktop/tablet background image */
#wp-block-themeisle-blocks-advanced-columns-3dc8fd77 {
background: none !important;
padding-top: 0px;
margin-top: 0px;
}
/*adds padding below button */
#wp-block-themeisle-blocks-advanced-column-739fc92b {
padding-bottom: 80px;
/*margin-bottom adjustment removes white space below block */
margin-bottom: -26px;
}
/* centers image */
img.wp-image-399 {
margin: auto;
display: block;
width: 100%;
}
/* About Block: swaps color background for image background */
#wp-block-themeisle-blocks-advanced-columns-931bf80c {
background: url(https://shop.dingolaypeppersauce.com/wp-content/uploads/2021/12/Background-HERO.png) repeat scroll top left/contain;
}
/*evens out vertical space */
#wp-block-themeisle-blocks-advanced-column-be3f6baf {
margin-top: 50px;
/*to show enough of image vertically */
padding-bottom: 282px;
}
}
@media screen and (min-width: 667px) and (max-width: 960px) {
/*recipe block-homepage - continues media query above */
#wp-block-themeisle-blocks-advanced-column-1a0453a4 {
padding-top: 0px;
padding-left: 10px;
margin-top: 78px;
margin-bottom: 0px;
}
#wp-block-themeisle-blocks-advanced-column-1a0453a4 p {
font-size: 15px;
width: 100px;
}
/*Save Money block on homepage: */
/*removes white margin and spacing above text header */
#wp-block-themeisle-blocks-advanced-column-739fc92b {
padding-top: 10px;
}
/*reduces top and bottom background padding*/
#wp-block-themeisle-blocks-advanced-columns-3dc8fd77 {
padding-top: 70px;
padding-bottom: 50px;
}
h4.save-money {
margin-top: 10%;
margin-bottom: 8%;
}
p.save-money {
margin-bottom: 5%;
}
/* About Block - evens out vertical space */
#wp-block-themeisle-blocks-advanced-column-392c22b3 {
margin-top: 50px;
max-block-size: 700px;
}
/*to show enough of image vertically */
#wp-block-themeisle-blocks-advanced-column-be3f6baf {
background: url(http://shop.dingolaypeppersauce.com/wp-content/uploads/2021/12/Cheryl-About.png) no-repeat scroll center center/cover;
margin-top: 50px;
max-block-size: 700px;
}
#wp-block-themeisle-blocks-advanced-column-392c22b3 h2 {
font-size: 26px;
}
}
@media screen and (min-width: 320px) and (max-width: 900px) {
/*Testimonials block */
.slick-slider p {
font-size: 15px;
line-height: 1.5em;
padding-left: 10%;
padding-right: 10%;
}
/*centers footer text*/
.item--inner .component-wrap { /*copyright*/
text-align: center;
justify-content: center;
}
.site-footer p {
text-align: center;
padding-bottom: 20px;
}
}
Thanks.
Hi @deeny!
Could you please confirm that you are using the latest version of Neve? If not, please update the parent theme to the latest version and check if it helps with the issue.
Let us know how this goes!
Have a nice day!
Thread Starter
deeny
(@deeny)
Hi @luciamarinescu,
The latest installed is Neve Version: 3.1.3. I do see the screenshot I uploaded to the server and the CSS changes I made a few days ago are working on the site. However, the CSS updates I made today and the new screenshot I uploaded are not showing up on the site.
This is very strange, I’ve never had these problems working with other child themes before. Changes to files on the server should happen instantaneously.
Thanks for your help.
Hello @deeny!
Unfortunately we can’t replicate this issue on our test instances, so it is not related to the theme, but to your particular instance and environment. If the changes appear on the site after a few days since being made, the issue may be coming from a caching or optimization plugin. Please deactivate all plugins and check if the issue is solved this way. If it is solved, it means it was indeed caused by a plugin and you should reactivate them one by one until you find the culprit. I would suggest checking the caching or optimization plugins first. Then, you could replace that plugin with an alternative one.
I hope this helps!
Thread Starter
deeny
(@deeny)
Hi @luciamarinescu,
I should have tested this first but I didn’t think of it since the only plugins installed are the ones automatically installed by the Neve theme and by the hosting provider.
As it turns out, it was a conflict with the hosting server’s optimization plugin.
It’s working just fine now, thanks for your help!
I’m glad to hear that! Thanks for letting me know!
