Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Customizing Author Photo in 7.1?


xallarap

Question

Hello, I would like to enlarge the size of the author photo on my 7.1 site and move it to the left of the bio, instead of above it. I'd also love the option to have it be square instead of circle. I've tried a few things but haven't cracked it. Has anyone done this successfully?

Here's the site if it's helpful (still in development):

https://triceratops-maroon-kxrm.squarespace.com/
pw: nailed

Thank you!

1625275110_ScreenShot2020-08-19at10_34_01PM.png.2db6d645b887c78bd1e8c46d65ca7719.png

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) {
.blog-item-wrapper .author-avatar {
    border-radius: unset;
    width: 100%;
    height: auto;
}
.blog-item-wrapper .author-avatar img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
.blog-item-wrapper .blog-item-author-profile-wrapper {
    flex-direction: row !important;
    justify-content: space-between !important;
}
.blog-item-author-profile-wrapper>a {
    margin-right: 20px;
    width: 30%;
}
}

 

Link to post
  • 0

Hello! I'm trying to make my author profile images larger. The placement and circle shape are fine. But can you help me with the code to enlarge it?

I'm currently using this code below to make the Author name/bio more centered on the page. It also seems to have taken away the author profile image all together. But, I'm assuming once I can inject the code for it, it'll come back. 

.blog-item-author-profile-wrapper * {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 200px !important;
    margin-right: 200px !important;
}
span.author-name {
    font-weight: bold !important;
}

Link to post
  • 0
On 3/23/2021 at 3:42 PM, catemiz said:

Hello! I'm trying to make my author profile images larger. The placement and circle shape are fine. But can you help me with the code to enlarge it?

I'm currently using this code below to make the Author name/bio more centered on the page. It also seems to have taken away the author profile image all together. But, I'm assuming once I can inject the code for it, it'll come back. 

.blog-item-author-profile-wrapper * {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 200px !important;
    margin-right: 200px !important;
}
span.author-name {
    font-weight: bold !important;
}

Hi. Do you still need help? Can you share link to a blog post?

Link to post
  • 0
On 3/25/2021 at 3:42 AM, tuanphan said:

Hi. Do you still need help? Can you share link to a blog post?

Yes I do!! Sorry I missed this. The website isn't live yet unfortunately. But, here's a screen shot. The photo doesn't show up as you can see, but I did get the text to align. Thanks for your help in advance!

Screen Shot 2021-04-02 at 3.07.24 PM.png

Link to post
  • 0
On 4/2/2021 at 8:08 PM, catemiz said:

Yes I do!! Sorry I missed this. The website isn't live yet unfortunately. But, here's a screen shot. The photo doesn't show up as you can see, but I did get the text to align. Thanks for your help in advance!

Screen Shot 2021-04-02 at 3.07.24 PM.png

If your site is trial.private, you can setup password & share url

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...