Graphic not working when imported - Dev theme (site library)

Hi Bayon,

In Appearance > Customize > Additional CSS, can you check if /* GeneratePress Site CSS */ is there, and all the CSS code added when importing the Dev template.

The specific code for the Box shadow is this:

.column-shadow {
	box-shadow: 0px 0px 12px #eef0f5;
}

If your Additional CSS is empty, can you add all of this?:

/* GeneratePress Site CSS */ 
/* gp buttons and button class assigned to the generateblocks buttons */

.button, .button-effect {
	border-radius: 4px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

.button:hover, .button-effect:hover {
	box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

/* mobile header spacing */

.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box;
}

/* post comment form button */

input[type="submit"] {
	padding: 13px 24px;
	border-radius: 4px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

input[type="submit"]:hover  {
	box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

/* navigation hover effect */

.main-navigation .main-nav ul li > a {
	transition: transform 500ms ease-in-out;
}

.main-navigation .main-nav ul li:hover > a {
	transform: translate3d(0, -3px, 0);
}

/* home page icon boxes column shadows class applied in generateblocks */

.column-shadow {
	box-shadow: 0px 0px 12px #eef0f5;
}

/* rounded corners class assigned to generateblocks images */

.rounded-corners img {
	border-radius: 12px;
}

/* rounded corners on blog posts featured images */

.post-image img, .featured-image img {
	border-radius: 12px;
}

/* mailchimp form styling */

.mc4wp-form input[type=email] {
  background-color: var(--base-3);
	padding: 17px 24px 13px 24px;
  border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}
 
.mc4wp-form input[type=submit] {
	padding: 14px 24px;
	border: 0px;
	border-radius: 4px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

.mc4wp-form input[type=submit]:hover {
	box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

@media (max-width: 768px) {
.mc4wp-form input[type=text], .mc4wp-form input[type=email], .mc4wp-form input[type=submit] {
		width: 100%;
		margin-top: 10px;
	}
}

/* sidebar mailchimp form full width */

#right-sidebar .widget .mc4wp-form input[type=text],
#right-sidebar .widget .mc4wp-form input[type=email],
#right-sidebar .widget .mc4wp-form input[type=submit] {
	width: 100%;
	margin-top: 10px;
} /* End GeneratePress Site CSS */

Kindly let us know.

Thanks Fernando, it was missing the additional CSS, it worked after adding it.

I really appreciate your help

You’re welcome Bayon!