Left Margin not customizable

Support
#1

Hello THemeco,

I´m developing a new web with your theme x and i have problems with some pages. The left margin is in white and i don´t like in this color, i want the left margin in black, but i don´t find the option to configure. The page that have the issue for example is:

http://fitness-funcional.com/filosofia/

Please could you help me?? I tried to change the layout but it dosen´t works.

Thanks in advance,

Regards

#2

Hello There,

Thank you for the very detailed post information. This is because you are using Ethos and that is why the white background is custom designed for Ethos. To resolve your issue, please make use of this custom css in X > Launch > Options > Custom CSS.

.x-content-sidebar-active .x-container.main:before {
    width: 74%;
}

You should have something like this:

Hope this helps. Kindly let us know.

#3

Thanks for your help. This works perfect. I add a new texture like image background, and now the problem is in mobile devices the background is in body web, not in margins, and the text is illegible (dark background with black text). It´s possible to solve the issue?

#4

Hi There,

Please add this custom CSS under Customizer > Custom > Global CSS:

@media (max-width: 979px){
    .entry-content.content {
        color: #fff;
    }
}
#5

Thanks for your help, but the solution is not the solution that i want to get. I want to have in mobile devices the withe background like i have in computer web. I think in computer i can have the background image like a border, but in mobile i want the white background and text in black, i don´t know if i explain very good, please ask me if you have doubts,

Thanks a lot for your great help and fast response,

Regards!

#6

Hi,

In that case, please change the code provided with this

@media (max-width: 979px) {
.entry-content.content {
    background: #fff;
    color: #000;
    padding: 20px;
}
}

Hope that helps

#7

Hello,

Thanks a lot, now it works perfect, but i was testing in some browsers. In MAC browser Safari the web doesn´t show ok. Do you know why in this browser is not working fine??

#8

Hi There,

I have inspected the page and I can confirm that the white background is not displaying in Safari. To resolve this issue, please have the last code we gave updated and make use of this code instead:

body .x-container.main:before {
   z-index: 0 !important;
}

@media (max-width: 979px) {
  .entry-content.content {
    background: #fff;
    color: #000;
    padding: 20px;
  }
}

Please be very careful in copying the codes. One missing curly brackets could messed up the styling. And since you have installed a plugin that will minify the JS/CSS files, you will have to clear the cache and regenerate the JS/CSS files.

Please let us know how it goes.

#9

Sorry but I have done exactly you told me and I think that the problem is now too. You can check it. I dont know why. Thank you. I hope for your answer.

#10

Hi there,

As suggested, please be careful when copying codes. There can be issues with curly brackets, this is your CSS

@media (max-width: 979px) {
.entry-content.content {
    background: #fff;
    color: #000;
    padding: 20px;
}
body .x-container.main:before {
   z-index: 0 !important;
}

@media (max-width: 979px) {
  .entry-content.content {
    background: #fff;
    color: #000;
    padding: 20px;
  }
}

Apparently, you didn’t close the first @media (max-width: 979px) , it should be like this

@media (max-width: 979px) {
.entry-content.content {
    background: #fff;
    color: #000;
    padding: 20px;
}
}

body .x-container.main:before {
   z-index: 0 !important;
}

@media (max-width: 979px) {
  .entry-content.content {
    background: #fff;
    color: #000;
    padding: 20px;
  }
}

Hope this helps.