My web was displaying just fine, but I just updated Kalium 2.0 and the body padding of the site stopped working.
As you can see my web is supposed to have a 150px padding, you can see that the footer is actually working correctly. But the body of the site is not. Even tough the following line is written in the Custom CSS:
I don't know why it works on your computer, but I've looked the website in a different computer too and also looks like it does in my iMac. Here's a screenshot of the problem:
Can't you see the problem in the .png I attached before? The code is working in the footer, but not in the body. Everything has a different padding. I want the padding like in the footer. Everything aligned, like you showed me in the video, not like in my picture.
Padding in the footer and in the body should be the same. But it's not. It doesn't look like it is on my screen, altough in your video it looked like it was working.
I tried that, but it didn't work either. Pages are not showing full-width, but individual portfolioo projects are actually working the way they should. I don't understand where the problem is at.
Can you please share your WP credentials here, because I need to login to your site and test this issue. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Please contact your hosting provider and tell them that I can't login on your website. I think that thy will know what the problem is and will help you on this.
You are using a relatively large number of the plugins on your theme. Please consider disabling or deleting unnecessary plugins because they can slow your site speed and create problems on your theme too (because some of them are not coded very good).
Glad you could make it. I don't want my web to show full-width. I want my site to have the same padding as my footer. That was the initial idea! I added that CSS for the footer on purpose and I also had one custom CSS for the body padding, but it stopped working when I uploaded the theme.
About the plugins, is there any way I can find which plugins I'm not actually using? I don't want to delete any important one.
Now the web looks amazing in my computer, but not so good in my iPad or iPhone. Is there anything we can do? Again, none of this happened before upload the theme, sorry to trouble you...
My web was displaying just fine, but I just updated Kalium 2.0 and the body padding of the site stopped working.
As you can see my web is supposed to have a 150px padding, you can see that the footer is actually working correctly. But the body of the site is not. Even tough the following line is written in the Custom CSS:
.wrapper {
padding: 0 150px;
}
This used to work. How can I make it work again?
Thanks.
Hi there,
I can see that the code is working fine now http://drops.laborator.co/zaLH
Have a great weekend!
I don't know why it works on your computer, but I've looked the website in a different computer too and also looks like it does in my iMac. Here's a screenshot of the problem:
Hi danielrueda,
The code that you added is working as it should.
Please tell me what you want to achieve and i will try to help you.
Can't you see the problem in the .png I attached before? The code is working in the footer, but not in the body. Everything has a different padding. I want the padding like in the footer. Everything aligned, like you showed me in the video, not like in my picture.
Padding in the footer and in the body should be the same. But it's not. It doesn't look like it is on my screen, altough in your video it looked like it was working.
Hi Daniel,
That CSS has nothing to do with the question that you are having.
Your footer is showing like that because you have selected the Full Width this option on the Theme Options > Footer.
(view on new page)
To show your Portfolio on Full-width too you must select this option http://drops.laborator.co/auRu.
I tried that, but it didn't work either. Pages are not showing full-width, but individual portfolioo projects are actually working the way they should. I don't understand where the problem is at.
Love,
Daniel.
Hi Daniel,
Can you please share your WP credentials here, because I need to login to your site and test this issue. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
I don't think I can do this, I'm looking in Webempresa cpanel, which is the hosting where my web is hosted, and I can't see an option to do this...
Hi danielrueda,
Please contact your hosting provider and tell them that I can't login on your website. I think that thy will know what the problem is and will help you on this.
Done!
You should be able to access now.
Hi Daniel,
Great, now I'm able to login on your Wordpress.
This is how you can make your pages full-width http://drops.laborator.co/ajDQ
Also your footer was now showing full-width because of this CSS that you added on Custom CSS http://drops.laborator.co/gMc8
P.S: I updated Wordpress and our theme premium plugins to the latest version for you by going to Appearance > Install plugins.
(view on new page)
You are using a relatively large number of the plugins on your theme. Please consider disabling or deleting unnecessary plugins because they can slow your site speed and create problems on your theme too (because some of them are not coded very good).
Hi there.
Glad you could make it. I don't want my web to show full-width. I want my site to have the same padding as my footer. That was the initial idea! I added that CSS for the footer on purpose and I also had one custom CSS for the body padding, but it stopped working when I uploaded the theme.
About the plugins, is there any way I can find which plugins I'm not actually using? I don't want to delete any important one.
Love,
D.
Made some progress. I added this custom CSS:
.container {
width: 100%;
padding-left: 150px !important;
padding-right: 150px !important;
}
And now Portfolio page looks the way I want my entire page to look: http://danielrueda.net/portfolio/
Notice how the padding in the body and in the footer now it's the exact same.
But the rest of the website keeps padding differently now. How can I apply the padding to the entire site properly?
Thanks.
Hi Daniel,
Can you please add the code below to Custom CSS:
.vc-container>.vc_row>.row-container { width: 100% !important; padding-left: 135px !important; padding-right: 135px !important; }There we go!
Now the web looks amazing in my computer, but not so good in my iPad or iPhone. Is there anything we can do? Again, none of this happened before upload the theme, sorry to trouble you...
Hi danielrueda,
This has nothing to do with the update.
This is happening because you have added paddings on the left and the right, that's why that is taking effect on your mobile phone too.
To make that code to take effect only on you laptop you should do this:
@media screen and (max-width: 1200px) { and put here all those CSS codes t hat you added 150px paddings there }The code should look like this:
@media screen and (max-width: 1200px) { .my-div { css: rules; } .my-other-div { css: rules; } }I added this:
@media screen and (max-width: 2000px) { .main-footer .footer-links { padding-top: 150px !important; padding-bottom: 150px !important; } .main-footer .container { padding-left: 150px !important; padding-right: 150px !important; } .footer-links .copyright { padding-left: 150px !important; padding-right: 150px !important; } .container { width: 100%; padding-left: 150px !important; padding-right: 150px !important; } .vc-container>.vc_row>.row-container { width: 100% !important; padding-left: 150px !important; padding-right: 150px !important; } }Still no good results in mobile phones... What am I doing wrong?
Hi Daniel,
Please use min-width instead of the max-width.
Allright! I think that's it.
For now. Hahahaha.
Thank you very much.
Love,
Daniel.
Hi Daniel,
Glad to hear that this is solved finally.
Happy New Year again.
Will set this ticket as solved from here.