increase the width of my about page

Store Design
, ,
1

Hi community,

I’m looking to increase the width of my about pages, similar to the width I have for the home page theme. I am using ‘Prestige’ Theme.

https://luyendykjewelry.com/pages/over-luyendyk

Wondering if someone can please assist with code for this?

Thank you :slightly_smiling_face:

2

Hi Chrystel078

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file theme.css and add this code at the end of the file
.container.container--xs {
    margin-left: 10% !important;
    margin-right: 26% !important;
}

Result:

LizHoang_0-1739188769427.png
LizHoang_0-1739188769427.png845×697 179 KB

Best,

Liz

3

Thank you. How do I center the title of the page?

4

You can adđ this code in theme.css file

.section-header.justify-self-center.text-center {
    display: flex;
    justify-content: end;
    width: 50%;
}

Result:

LizHoang_0-1739189869169.png
LizHoang_0-1739189869169.png1662×592 143 KB

5

Hi @Chrystel078

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
section.shopify-section.shopify-section--main-page .container {
    margin-inline: 0 !important;
}
section.shopify-section.shopify-section--main-page .container table {
    width: 100% !important;
}
{% endstyle %}

DaisyVo_0-1739192516253.png
DaisyVo_0-1739192516253.png1918×869 250 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.