How to change the size of the profile photo?

[chang-cai]

Hello, I got stuck in changing the size of the profile photo. Your help is highly appreciated!

Moreover, the icons are a little bit big for me. How can I make it smaller?

[alshedivat]

you will need to edit CSS styles to make these changes. specifically:

• change width: 30% here (https://github.com/alshedivat/al-folio/blob/master/_sass/_base.scss#L117) to any other size you want.
• change font-size: 4rem here (https://github.com/alshedivat/al-folio/blob/master/_sass/_base.scss#L256) to control the size of the social icons at the bottom of the page.

[Asonjay]

Thank you for your reply! First, I found @alshedivat 's reply does not make sense because the line number he sent me is not related to the image tag. Thus I made the changes by locating these tags in "_base.scss":

figure,
img {
  max-width: 55vw;
  width: 40%; # this is added line
}

Before adding the width, the page looks like this:

After adding width:40%, it looks like this:

[george-gca]

Note that his answer was from years ago, so the line his answer was pointing to changed. Doing a quick search for width: 30% in the file _sass/_base.scss pointed me here.

[Asonjay]

Thank you for your reply! It worked :)

[dsstl]

Is it possible to make the profile picture in the main page and the one in the people page with different width? thanks!

[george-gca]

For this you'll have to change the profile page layout.