Giter VIP home page Giter VIP logo

Comments (4)

bogoli avatar bogoli commented on July 26, 2024

Hi Jamie,

There's not really an easy way to keep the picture centered. I made the
decision to crop somewhat arbitrarily because it saves work on your end.
Otherwise, you'd have to make thumbnails for each project. This way, it's
also fairly responsive across different screen sizes.

I can send you some tutorials on how to do it yourself, if you're
interested.

Please let me know if there's anything else I can help with, and thanks for
using my theme!

Lia

On Wed, Oct 7, 2015 at 16:34 Jamie M. Kass [email protected] wrote:

Hello. Love the theme. Is there any way to easily customize how the
thumbnail image is centered in the portfolio main page? Thanks.


Reply to this email directly or view it on GitHub
#3.

Lia Bogoev

liabogoev.com
(435) 890 9695

from -folio.

jamiemkass avatar jamiemkass commented on July 26, 2024

Lia,

Yeah, I think I'd like to make thumbnails, because I want to show (for example) a mouse face instead of his back. Could you link me to one of those tutorials? Thanks for responding so quickly!

Jamie

On Oct 7, 2015, at 9:01 PM, Lia Bogoev [email protected] wrote:

Hi Jamie,

There's not really an easy way to keep the picture centered. I made the
decision to crop somewhat arbitrarily because it saves work on your end.
Otherwise, you'd have to make thumbnails for each project. This way, it's
also fairly responsive across different screen sizes.

I can send you some tutorials on how to do it yourself, if you're
interested.

Please let me know if there's anything else I can help with, and thanks for
using my theme!

Lia

On Wed, Oct 7, 2015 at 16:34 Jamie M. Kass [email protected] wrote:

Hello. Love the theme. Is there any way to easily customize how the
thumbnail image is centered in the portfolio main page? Thanks.


Reply to this email directly or view it on GitHub
#3.

Lia Bogoev

liabogoev.com
(435) 890 9695

Reply to this email directly or view it on GitHub.

from -folio.

bogoli avatar bogoli commented on July 26, 2024

Hi Jamie,

I think something like this would work:
https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/

The class that you'd want to muck around with is the thumbnail class within
_layout.scss. You'll probably also want to crop the thumbnail pictures
themselves to be 230x230 px.

Hope that works out for you!
Lia

On Thu, Oct 8, 2015 at 6:58 AM Jamie M. Kass [email protected]
wrote:

Lia,

Yeah, I think I'd like to make thumbnails, because I want to show (for
example) a mouse face instead of his back. Could you link me to one of
those tutorials? Thanks for responding so quickly!

Jamie

On Oct 7, 2015, at 9:01 PM, Lia Bogoev [email protected] wrote:

Hi Jamie,

There's not really an easy way to keep the picture centered. I made the
decision to crop somewhat arbitrarily because it saves work on your end.
Otherwise, you'd have to make thumbnails for each project. This way, it's
also fairly responsive across different screen sizes.

I can send you some tutorials on how to do it yourself, if you're
interested.

Please let me know if there's anything else I can help with, and thanks
for
using my theme!

Lia

On Wed, Oct 7, 2015 at 16:34 Jamie M. Kass [email protected]
wrote:

Hello. Love the theme. Is there any way to easily customize how the
thumbnail image is centered in the portfolio main page? Thanks.


Reply to this email directly or view it on GitHub
#3.

Lia Bogoev

liabogoev.com
(435) 890 9695

Reply to this email directly or view it on GitHub.


Reply to this email directly or view it on GitHub
#3 (comment).

Lia Bogoev

liabogoev.com
(435) 890 9695

from -folio.

jamiemkass avatar jamiemkass commented on July 26, 2024

Thanks, Lia! I resized to 230x230, changed the width in thumbnail img to
230px, and fiddled with the positioning to get what I wanted.

-J

On 9 October 2015 at 10:27, Lia Bogoev [email protected] wrote:

Hi Jamie,

I think something like this would work:

https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/

The class that you'd want to muck around with is the thumbnail class within
_layout.scss. You'll probably also want to crop the thumbnail pictures
themselves to be 230x230 px.

Hope that works out for you!
Lia

On Thu, Oct 8, 2015 at 6:58 AM Jamie M. Kass [email protected]

wrote:

Lia,

Yeah, I think I'd like to make thumbnails, because I want to show (for
example) a mouse face instead of his back. Could you link me to one of
those tutorials? Thanks for responding so quickly!

Jamie

On Oct 7, 2015, at 9:01 PM, Lia Bogoev [email protected]
wrote:

Hi Jamie,

There's not really an easy way to keep the picture centered. I made the
decision to crop somewhat arbitrarily because it saves work on your
end.
Otherwise, you'd have to make thumbnails for each project. This way,
it's
also fairly responsive across different screen sizes.

I can send you some tutorials on how to do it yourself, if you're
interested.

Please let me know if there's anything else I can help with, and thanks
for
using my theme!

Lia

On Wed, Oct 7, 2015 at 16:34 Jamie M. Kass [email protected]
wrote:

Hello. Love the theme. Is there any way to easily customize how the
thumbnail image is centered in the portfolio main page? Thanks.


Reply to this email directly or view it on GitHub
#3.

Lia Bogoev

liabogoev.com
(435) 890 9695

Reply to this email directly or view it on GitHub.


Reply to this email directly or view it on GitHub
#3 (comment).

Lia Bogoev

liabogoev.com
(435) 890 9695


Reply to this email directly or view it on GitHub
#3 (comment).

Jamie Kass
PhD Student, Biology
Anderson Lab http://web.sci.ccny.cuny.edu/~anderson/, City College, NYC

from -folio.

Related Issues (10)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.