Content / Body Padding Issue - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Content / Body Padding Issue

K

Kieron

Template 4 years ago

Hi,

I'm using the Finion / Finatic template.

https://ashburtononline.com/

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?

0
12 Answers
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #29505

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!

0
K
Kieron
Accepted Answer
4 years ago #29758

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; }

sp-main-body {

padding: 10px 0; }

sp-header{background: white ! important ;}

}

sp-top-bar {background-color: #000000;

}

sp-top2 a {

color: #ffffff!important;

}

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #29794

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.

0
K
Kieron
Accepted Answer
4 years ago #29804

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.

0
K
Kieron
Accepted Answer
4 years ago #30051

Hello?

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #30084

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!

0
K
Kieron
Accepted Answer
4 years ago #30177

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; }

0
K
Kieron
Accepted Answer
4 years ago #30585

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.

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #30705

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!

0
K
Kieron
Accepted Answer
4 years ago #30791

H can login easily and I see no issues with site speed. Please try again!

0
Pavel
Pavel
Accepted Answer
4 years ago #30802

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;
}
0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #30989

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.

0