Custom CSS missing after update

[isdg01]

Hi,

I just updated my version of X theme to 6.1.2, not using Pro on this site. I can no longer find my Custom CSS that has been added via the Customize tool…

Please help!
Dawn

[nico]

Hi @isdg01,

Thanks for writing in.

I have checked your setup. Upon checking, I could see your custom CSS.

The Custom CSS is located in your X > Theme Options > CSS.

Hope it helps.

Let us know how it goes.

Thanks.

[ruenel]

Hello There,

Thanks for writing in!

Are you referring to this custom css?

/*
// Scaffolding.
*/

.site:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: -1;
}

.with-container {
  border: 0;
  padding: 0;
}


/*
// Typography.
*/

.light-text {
  font-weight: 300;
}

.h-formatted {
  font-weight: 300;
  line-height: 1.1;
}

.h-formatted strong {
  display: block;
}


/*
// Navbar.
*/

.x-navbar .desktop .x-nav > li > a,
.x-navbar .desktop .x-nav > li:first-child > a {
  border: 0;
}


/*
// Shortcodes - Callout.
*/

.x-callout {
  font-size: 16px;
}

.h-callout {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.3;
  color: #fff;
}

.h-callout strong {
  display: block;
  font-size: 60px;
  font-weight: 700;
  color: inherit;
}


/*
// Shortcodes - Recent Posts.
*/

.x-recent-posts-content {
  padding: 20px;
  background-color: #09316d;
}

.x-recent-posts-content h3,
.x-recent-posts-content .x-recent-posts-date {
  color: #fff;
}




/*
// Feature.
*/

.s-feature {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  color: #fff;
}

.s-feature .x-feature-box-title {
  font-size: 16px;
  color: #fff;
}


/*
// Split list.
*/

.auto-split-list {
  margin-bottom: 0;
}

.auto-split-list img {
  float: left;
  display: block;
  width: 50px;
  margin: 0;
}

.auto-split-list h4 {
  float: right;
  width: calc(100%);
  margin: 0 0 0.25em;
  font-size: 1em;
}

.auto-split-list p {
  float: right;
  width: calc(100%);
  margin: 0;
}


/*
// Forms and buttons.
*/




.x-btn,
.button,
[type="submit"] {
  font-weight: 400;
  line-height: 30px;
  text-shadow: none;
}

/* left align dropdown sub-menus*/
.masthead-inline .x-navbar .desktop .sub-menu {
    top: 100px;
  left: 0;
    right: auto;
    margin-left: 20px;
}

/* custom button color home page */
    .x-btn.my-btn {
      color: #1d4662;
      border-color: #ffffff;
      background-color: #ffffff;
    }

    .x-btn.my-btn:hover {
      color: #ffffff;
      border-color: #1d4662;
      background-color: #1d4662;
    }
/* change color of footer widget titles*/
.h-widget {
  color: #1d4662 !important;
}

/*change portfolio background color*/
.page-template-template-layout-portfolio .x-root .site, .page-template-template-layout-portfolio .x-root .x-site,
.blog .x-root .site, .blog .x-root .x-site {
    background: #fff;
}

/*change portfolio title color*/
body.page-template-template-layout-portfolio h1.h-landmark {
	color: #1d4662;
}


/*CF7 font colors*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
}

/* cta color */
.x-creative-cta {background-color: #999999 !important;}

You can find this in X > Theme Options > Custom CSS

If you need anything else, please let us know.

[isdg01]

Looks like it was moved and I didn’t see it yesterday. I was looking in the Customizer main tabs where it used to be. Thanks for pointing me in the right direction!

[alexander]

You’re welcome! Gotcha, yes with this update we’ve moved everything out of the Customizer and into Theme Options.