Hi,
I'm using the Finion / Finatic template.
I would like to expand the width of the content / body to fill out the entire boxed area. There seems to be padding all around the content and I cannot see where to adjust it.
I do NOT want to use Fluid Width as my client may not wish to go with the boxed option.
Some CSS Code to fix please?
Hello Kieron,
Please add this code into the custom CSS section.
.layout-boxed .body-innerwrapper{
max-width:1349px !important;
}It will solve your issue.
It was set to 1240px as shown in the screenshot here.
Thanks!
Didnt fix anything ... It fact it turned my menu bar blue. My Menu Bar is the sticky header.
.layout-boxed .body-innerwrapper{
max-width:1349px !important;
}
padding: 10px 0;
}
}
}
color: #ffffff!important;}
Hello there,
Where did you put the code?
Please go to template settings > custom code > custom css and put the code there and save. Clear the browser and Joomla cache and check again.
Hopefully it will solve the issue.
Thats exactly where I put it .... nothing changed. I'm trying Helix Ultimate now but similar issue .....
Why only 1240 wide? Why can we not adjust this?
I have a similar issue with this new template ....
https://www.ashburtononline.com/
I need to widen the inner content and widen the site logo ... its squashed.
Please help. Thanks.
Hello?
Hello there,
Please share your administrator access with us in the Hidden Content area so that we can have a look from our end.
Thanks!
Info is below. I need the logo widened a bit as its distorted and the inner wrapper widened from 1240 to 1340 ?
Using Helix Ultimate now .... gave up on Finatic
.layout-boxed .body-innerwrapper{
max-width:1349px !important;
}
VERY VERY disappointed with support. I have supplied the credentials 36 hours ago.
I'm in lockdown and trying to get this Website finished while I have time.
Hello there,
We understand the frustration. Sincerely apologize for the late reply.
However, we cannot access your site with the credentials and even your site is slower than usual. See the screenshot here. Please share your proper credentials with us.
Thanks!
H can login easily and I see no issues with site speed. Please try again!
Hi. I am not a support officer, but looked at your site through the code inspector. There is no code on the site ...
.layout-boxed .body-innerwrapper { max-width:1349px !important; }... otherwise it would have worked. If you add it to the right place, you may need to clean the cache that it works.
To increase the logo, divide the columns in the header so 4 + 8.
Or, if you use the predefined header you need to manage the size of the logo through css as the logo is too wide to standard size.
#sp-logo {
display: flex;
align-items: center;
}
.logo-image {
height: auto;
}Hello there,
You didn't add any code inside the custom CSS section. That was completely empty, see the screenshot here. I have put the code there and it's working.
And boom!! It is fixed.
However, please close the post by accepting the most suitable answer so that others can find the soluiton easily.