Wider Margins

Site URL: https://www.thisissatsuki.com/about-1

Hi,

I want my text to be wider so it's a little less skinnier and easier to read. I'm using the Horizon template.

Is there any code out there make this wider?

Thanks

Add to Design > Custom CSS

/* about page width */
body#collection-5f252e1cedb58b6c971ef820 div#about-page {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 100%;
}

Incredible, thank you so much!

On 5/6/2021 at 10:27 PM, Satsuki said:

Incredible, thank you so much!

Do you want to fix these?

Site URL – https://www.thisissatsuki.com/

1. (Tablet-Footer) Make english/japanese same line?

2. (Mobile-Footer) Similar above

3. (Mobile-About) Increase content width?

4. (Mobile-Media) Text/video incorrect order. Want to fix this?

5. (Mobile-Media) Similar this

I don't mind too much about the English and Japanese not being on the same line but increasing the width of the about page on mobile might be great.

Also yes! Thank you for noticing the text/video in incorrect order.. I didn't know there could be code to fix this. I would love your help again!

Also I just changed the URL slug for my about page and then the page width code stopped working 😐 Do I need a new code? Sorry!

17 hours ago, Satsuki said:

Also I just changed the URL slug for my about page and then the page width code stopped working 😐 Do I need a new code? Sorry!

I think change url won't affect the code. Have you tried checking it again?

18 hours ago, tuanphan said:

I think change url won't affect the code. Have you tried checking it again?

 

Hmm it's not working 😞 Not sure what I'm doing wrong

On 5/20/2021 at 11:25 AM, Satsuki said:

Hmm it's not working 😞 Not sure what I'm doing wrong

Can you share link to new about page?

https://www.thisissatsuki.com/about

thank you!

1 hour ago, Satsuki said:

https://www.thisissatsuki.com/about

 

thank you!

Use enw code

/* about page width */
body#collection-5f252e1cedb58b6c971ef820 div#about1-page {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 100%;
}

On 5/24/2021 at 4:51 PM, tuanphan said:

Use enw code

/* about page width */
body#collection-5f252e1cedb58b6c971ef820 div#about1-page {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 100%;
}

 

thank you!! this worked 🙂

could you help me with the mobile website? particularly the video and text in the wrong order.

On 5/27/2021 at 3:53 PM, Satsuki said:

 

thank you!! this worked 🙂

could you help me with the mobile website? particularly the video and text in the wrong order.

Hi. WHere is video?

https://www.thisissatsuki.com/about

On 5/9/2021 at 6:52 PM, tuanphan said:

4. (Mobile-Media) Text/video incorrect order. Want to fix this?

5. (Mobile-Media) Similar this

Hi, I was talking about this, how it's in the wrong order. Thank you!

23 hours ago, Satsuki said:

Hi, I was talking about this, how it's in the wrong order. Thank you!

Hi,

I don't see media page

https://www.thisissatsuki.com/media

On 8/22/2021 at 4:34 PM, tuanphan said:

Hi,

I don't see media page

https://www.thisissatsuki.com/media

Hi, I think it's under this page!

https://www.thisissatsuki.com/video

On 10/11/2021 at 7:39 PM, Satsuki said:

Hi, I think it's under this page!

https://www.thisissatsuki.com/video

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1598258063914_14255:before {
    content: "ACCOUSTIC COVER";
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
div#block-yui_3_17_2_1_1599061261797_15736 {
    display: none;
}
}

On 10/13/2021 at 6:40 PM, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1598258063914_14255:before {
    content: "ACCOUSTIC COVER";
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
div#block-yui_3_17_2_1_1599061261797_15736 {
    display: none;
}
}

 

It kinda worked? For some reason it added another "C" in ACOUSTIC in the Roseville Girls section

and code didn't work for the Afterglow videos 😞

On 1/3/2022 at 6:29 PM, Satsuki said:

It kinda worked? For some reason it added another "C" in ACOUSTIC in the Roseville Girls section

and code didn't work for the Afterglow videos 😞

You can remove a "C" in the code.

Try this new code

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1598258063914_14255:before {
    content: "ACOUSTIC COVER";
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
div#block-yui_3_17_2_1_1599061261797_15736 {
    display: none;
}
div#block-yui_3_17_2_26_1517235566413_5503:before {
    content: "OFFICIAL MUSIC VIDEO";
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
div#block-yui_3_17_2_1_1594739149835_7634 {
    display: none;
}
}