Docs

[Tristan A]

Hi there!

I should have all my integrity stack settings correct. For example layout is set as content left, sidebar right instead of full-width.

But on my woocommerce page, i cannot get the sidebar to appear on the right… ????

[Tristan A]

This reply has been marked as private.

[Darshana]

Hi there,

Thanks for writing in! Upon investigating your issue, it seems that you have custom CSS rules which prevents your sidebar to load.

.x-sidebar {
    width: 97.5369%;
}

Please check your other relevant customizations added.

Thanks!

[Tristan A]

Yes, and that is the weird part. Where does that come from???

Here is the actual custom CSS from my site (as you can see in customizer). And it doesn’t come from my custom CSS.

.single-post .entry-featured {
display:none;
} 
 
.single-post .entry-header .entry-title {
display:none;
}
 
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lato');
 
.featured-image {
    position: relative;
    height: 500px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
 
@media (max-width: 736px) {
    .featured-image {
        background-attachment: initial;
        background-position: center center;
    }
  h3.title {
    margin-right:none !important;
    font-size: 30px !important;
text-shadow: 2px 2px 10px #000;
  }
  .featured-image .caption{
    bottom: 5% !important;
  }
}
 
.featured-image:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
}
 
.featured-image:after {
    bottom: 0;
    background: linear-gradient(to top, #000 0%, transparent 100%);
}
 
.featured-image img {
    width: 100% !important;
    height: auto;
    margin: auto;
}
 
.featured-image .caption {
    position: absolute;
    z-index: 999;
    color: #fff !important;
    bottom: 15%;
    width: 88%;
}
 
.featured-image .caption h3 {
    font-weight: 700;
    color: #fff !important;
}
 
h3.title {
    font-family: 'Montserrat', sans-serif !important;
  text-align: center;
text-shadow: 2px 2px 10px #000;
}
 
h3.title {
    font-size: 40px;
}

/* buttons */
a.x-btn.clickbutton {
  background-color: red;
  border-color: white;
  color: white;
  font-family: lato;
}

a.x-btn.clickbutton:hover {
  background-color: green;
  border-color: white;
  color: white;
}

/* hide wpml switcher on pages */
.page .wpml-ls-statics-post_translations {display:none;}

[Tristan A]

As it clearly doesn’t come from my Custom CSS (as you can see from the previous post), i looked further into this.

It seems to be CSS that is actually generated by the X-theme???

As you can see in the Customizer settings, all settings are correct: Integrity settings are to show content on the left, sidebar on the right. Blog settings are the same. I have custom css but as clear from the previous post, that should not affect the sidebar at all.

This is confusing. Please help. I am completely lost.

Why is X-theme generating CSS that prevents the sidebar from showing?

[Christopher]

Hi there,

Please increase content width under Customize -> Layout and design, see the attachment.

Thanks.

[Tristan A]

Thanks!

Stupid of me.

[Thai]

If you need anything else please let us know.

[Author]

Posts