Page width

Hi @livakee,

Thank you for getting in touch with us.

You can try this css:

body {
    width: 80%;
    margin: 0 auto;
}

however your parallax images will be still in full width size.

Best regards

in fact that I was looking for :), to limit the width for those as well. is this possible without major changes?
p.s. which is the file I should add that css please?

• This reply was modified 6 years, 8 months ago by livakee.

.

• This reply was modified 6 years, 8 months ago by livakee.

Hi @livakee.

Please go to Dashboard then click Appearance -> Customize -> Additional CSS. Then paste that CS code there.

Once done, click “Publish”.

Hope this helps, but if you still have difficulties placing that CSS snippet, please let us know.

And any solution to resize the images’ width as well?

You can try to add this style to Appearance → Customize → Additional CSS:

.frontpage-banner, .frontpage-cta {
	width: 80% !important;
	margin: 0 auto !important;
}

Kind regards

I own you a beer man. thanks a lot.

I had to use this one as well to resize the navbar

.navbar-custom {
    width: 80%;
    margin: 0 auto;
}

only this code was needed:

body {
    width: 80%;
    margin: 0 auto;
}

Any idea how to limit this change to PC only (not to be applied on the mobile version?)

Hi @livakee.

This should take care of that

@media (min-width: 1023px) {
    .navbar-custom { width: 80%; margin: 0 auto; }
    body { width: 80%; margin: 0 auto; }
}

That is, if you need both of those to be applied to desktop only.

Please let me know if it works.

Kind regards.

that worked. you are awesome, thank you very much. much appreciated.

You’re welcome, @livakee.

Could you please mark this thread as “Resolved”?

Thank you for your time.

Done thanks!

Hi @livakee,

Just jumping in here to say thanks for trying out Vega and I am glad it is working out for you ??
Would you please take some time out from your busy day to leave us a quick review.
We’d really appreciate it ??

done that! thank you again!