Sherman

1 hour ago, tuanphan said:

You can send, we will check

Hi Tuan Phan, 

It would be the buttons (at the bottom of the page) for these two page:

https://resource.riverlife.org.sg/connect

https://resource.riverlife.org.sg/minister

I need them to be aligned in mobile mode. Currently, they are not aligned on mobile mode.

Appreciate the help loads. Thank you so much.

Regards,

Sherman

On 1/12/2022 at 9:15 PM, tuanphan said:

#1. Try adding to Design > custom CSS

/* Footer side by side */
@media screen and (max-width:767px) {
div#page-section-60891410e031bc2e3e5f8965>.row:nth-child(2)>.col {
    width: 50% !important;
    float: left !important;
}
}

#2. Try #1 first, then I will check other pages

Thanks @tuanphan! it worked amazingly! 

Could you help me with the other one as well?

Regards,

Sherman

@tuanphan

I have the same issue and am wondering if you are able to help me with it?

Am trying to get the text "RiverLife Church" and the social icons on the mobile version of the footer for this site to be on the same line instead of the social icons being below the "RiverLife Church" text.

https://rlresource.squarespace.com/

Also trying to do it for the buttons at the bottom of these pages (before the footer) to be on the same line as well. 

https://rlresource.squarespace.com/connect

https://rlresource.squarespace.com/minister

Appreciate the help! Thank you.

hi @tuanphan,

i have a similiar issue.

Domain: www.layers.squarespace.com

Password: Layers

i have a few company logos at the bottom of the homepage that i want to change from one to two images per row. Attached the image below.

Appreciate the help! thank you.

Regards,
Sherman

On 9/25/2021 at 9:00 AM, tuanphan said:

Add to Design > Custom CSS

/* Lee Ee Yang Mobile */
@media screen and (max-width:767px) {
div#page-section-6148c24479326d7dac32f914>.row {
    display: flex;
    flex-direction: column-reverse;
}
div#page-section-6148c24479326d7dac32f914 .image-block {
    display: none;
}
div#block-yui_3_17_2_1_1632158211775_11334:before {
    content: "";
    display: block;
    background-image: url(https://images.squarespace-cdn.com/content/v1/614400e30bc14e4658661983/1632158321635-APV2K65YL3LERVTJG4OV/CCportraits-Ee+yang.jpg?format=300w);
    background-size: cover;
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}
}

 

Hey @tuanphan,

thanks for this. 

I have one more issue for the same website - on the 'Firm' page, I would like to change the title size on mobile of the 'Our Team' 'List' block on squarespace. It is currently too small. Have attached an image for your reference.

Appreciate the help! 

Regards,
Sherman

Hi @tuanphan

I have a similar issue. I can't seem to 

Site: covenantchambers.squarespace.com

Password: CovenantChambers

https://covenantchambers.squarespace.com/lee-ee-yang

If you look at the URL above, in mobile mode, its currently image - text1 - text2. I need it to be image - text2 - text1.

The "Contact, Education..." block needs to be below the "Lee Ee Yang, Managing Director..."  block.

Appreciate all the help! Thanks.

Regards,
Sherman

16 hours ago, tuanphan said:

Hi. I don't see gallery on homepage on mobile. Where is it?

Hi, 

It is the block right after the main screen, but i've hidden it in mobile mode for now as it doesn't appear nicely, but it appears on desktop

I've attached a picture of it.

Site URL: https://becoming30.riverlife.org.sg/thebeholdalbum

Hi,

I have placed four images on one of the pages of my site.

On desktop, the images are side by side, but when it switches over to mobile, the images form a vertical line. (have attached an example).

Is there a code that will enable them to be side by side like the desktop version?

Appreciate any help. Thank you.

Regards,

Sherman

Hi @tuanphan

I have the same issue but the code doesn't work either - its a Squarespace 7.1 site.

becoming30.riverlife.org.sg

Appreciate the help. Thank you.

Regards,

Sherman

Hi, i actually tried using this code but it doesn't work. Anybody know whats wrong or is able to provide me with the right code:

Site: https://joshyeoh.squarespace.com/
Password: 1234

On 8/19/2019 at 8:10 AM, stephanie25 said:

@tuanphan Thanks! Adding two texts was a great suggestion. For anyone who needs the code I provided it below:

<html>
<head>
<style>
h2 {text-align:center; font-weight: bold;}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
}
}
</style>
</head>

<body>

<div id="content-desktop">
<h2>UX/UI DESIGNER  |  GRAPHIC DESIGNER</h2>
</div>

<div id="content-mobile">
<h2>UX/UI DESIGNER<br />GRAPHIC DESIGNER</h2>
</div>  

</body>
</html>

 

 

thank you! it worked!

18 hours ago, tuanphan said:

Can you share site url? We can check easier.

Sure! 

www.auntyhong.sg

Password: payinghomage123

On 1/29/2020 at 8:25 PM, tuanphan said:

For future members

add this code to Home > Design > Custom CSS. Replace Tuan with your font name

.sqs-popup-overlay * {
    font-family: Tuan !important;
}

Hi @tuanphan,

Is there a code for adding custom font to just the title text of the pop up?

On 12/3/2020 at 6:06 PM, tuanphan said:

Product name uses this CSS

h1.ProductItem-details-title {
    font-family: 'ojo regular' !important;
}

 

Hi i used this code, changed it up to my custom font family and it worked for the desktop site and not the mobile site. Is there a reason why?

https://dog-apricots-dryc.squarespace.com/

Here's the site. 
Password: Besttaste123

Thank you Paul! This is helpful information.

Hi, 

Is there a way to attribute a single blog post to two or more authors such that both authors appear at the bottom of the blog entry? Appreciate any help! Thank you.