Good day, please help. I've encountered an issue – I can't change the "Container Maximum Width." I set it to 1794px, but no changes are taking place. What could be the problem?
https://photos.app.goo.gl/WZZTYAgiXcf5o4Ph6
Template : shaper-startup-biz
I also tried to stretch the content using the "Fluid Width" option. Unsuccessfully.
https://photos.app.goo.gl/JX6yDDZCWQtdcPzF7
Hi
Thanks for contacting us. You can use this custom CSS
@media (min-width: 1200px){
.sppb-row-container {
width: 1400px !important;
}
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
-Regards.
It's so easy! :) Thanks a lot.
Can you write a similar code for the header?
And if you don't mind, could you please tell me, in which file the Custom CSS is recorded? Could you provide the path to the file where this particular line is located?
For header use this code
#sp-header{
width: *Set your desired value* !important;
}You can solve it via DEV tool, just inspect your browser then you can find it. This blog will help you, please follow this
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
If you dont have any question you can then close this post by accepting the answer.
As it turns out, this code doesn't display "Articles" correctly. The entire content has shifted to the right. :(((
https://photos.app.goo.gl/NwgNYgfVSN1rhZeY7
On home page it seems fine, which page are you facing the problem? Give me that link please.
@media (min-width: 1200px){
.sppb-row-container {
width: 1400px !important;
}
}
width: 80% !important;
By changing pixels to percentages, I managed to solve the issue. Thank you. Closing the topic.
Glad to know that.