Increase size of picture in Author Box for Blog

wikitocmarketing · May 12

I'm developing a site and I just added a blog with an author box at the bottom of post. However the picture is really way too small. It pulls up a 64 x 64 images even though I uploaded a really higher resolution picture.

I would have liked to have a 200 x 200 pixel picture instead.

How can I change that?

Here's the post as an example: https://iatourisme.com/2024/05/12/sommet-intelligence-artificielle-et-creation-par-ou-commencer/

Phil · May 13

Hi,

The link you have sent is not working.

Are you sure that it is correct?

Best regards

wikitocmarketing · May 13

Sorry I changed the permalink structure during the development. Here it is: https://iatourisme.com/sommet-intelligence-artificielle-et-creation-par-ou-commencer/

Phil · May 13

The author image size there is not changeable, but you can create a single post template with author image dynamic data and adjust the size for your needs.

Best regards

wikitocmarketing · May 13

Thank you very much for your help. I managed to do it with the single post template. The image was blurry as first but I used the PublishPress Authors plugin to be able to add another image than the one in Gravatar.

Only issue is that ever since I've been using the Single Post template, the hyperlinks in the description are not showing up as links. How can I make sure the links are clickable.

Screenshot 2024-05-13 at 11.26.31 AM.png

Here's the link again: https://iatourisme.com/sommet-intelligence-artificielle-et-creation-par-ou-commencer/

Phil · May 14

I do not want to misunderstand you.

Do you mean the link in the Author's description like this one?:

Besat regards

wikitocmarketing · May 15

The links are still there but they don't show up as links. For exeample, if you hover your mouse on the word LinkedIn, you will see the link and you can click on it. But by using the single post template, it removes the hyperlinks color, bold and underline.

Phil · May 15

Please use the following CSS code:

.single-post .column_icon_box_2 .desc-wrapper .desc a{
 font-weight: bold;
 color: #74be99;
}
.single-post .column_icon_box_2 .desc-wrapper .desc a:hover{
 text-decoration: underline;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Increase size of picture in Author Box for Blog

Comments