Cover Photo and Large Avatar in Post

[deehmoraes]

Cover Photo and Large Avatar in Post

Hello, I have two doubts.
The first:
  I want to know if it is possible to leave the forum with the cover photo bigger, to appear another image.
Http://prnt.sc/exjl4e

I also have another question regarding the bigger avatar, I put the script in costum.css and it does not work.

Can anyone explain me in detail how to do this?

Thanks to anyone who can help. ^^

[John]

2 hours ago, deehmoraes said:

In this post have the used code: 

-;

 

hmm did u follow the first post of that thread? its not only css u have to edit but the postContainer template as well, if u did follow it please post the postContainer template code for me to review and see if i can fix it

 

P.S. to find the template use the search and u will see its under forum >  front  > topics

[Cookie Monster]

#elProfileHeader {
 height: XXX px;
}

add that to custom.css

Also make sure that you reupload or re-position it else its going to look wierd.

What part of the larger avatar is not working ? Can you share your css code or any code you added.

[Cookie Monster]

Replace from previous with this code

#elProfileHeader {
    padding-bottom: 0;
    padding-top: 125px;
    position: relative;
    height: 500px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 0 30px rgba(0,0,0,.4) inset;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    font-size: 16px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

Or if not i will need a link again to your forum so i can inspect and get the correct code.

Edited April 17, 2017 by Cookie Monster

[deehmoraes]

 

It worked correctly the code to increase a cover photo! ^^

I now need the correct code to increase the avatar

[Cookie Monster]

26 minutes ago, deehmoraes said:

 

It worked correctly the code to increase a cover photo! ^^

I now need the correct code to increase the avatar

I can find out for you, if you PM me your forum link and a possible temp admin user or just the forum link i can find out why they are not big at all  but without a link to the forum I'm unable to assist. Thats the code you used but there has been either 

• Something you didnt add
• Some of the code added was added wrong place

[deehmoraes]

1 minute ago, Cookie Monster said:

Posso descobrir para você, se você me PM seu link fórum e um possível usuário temporário administrador ou apenas o link do fórum eu posso descobrir por que eles não são grandes em tudo  , mas sem um link para o fórum eu sou incapaz de ajudar. Isso é o código usado, mas não houve qualquer 

• Algo que você não adicionar
• Parte do código adicionado foi adicionado lugar errado

I'll create an administrator account and send it to you by Discord, then tell me where you needed to edit.
Thanks ^^

[Cookie Monster]

For others that are asking you can use CSS to style the photo.

For bigger images you can use

.ipsUserPhoto .ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 200px;
    height: 200px;

}

 

[deehmoraes]

 

I added the above code in custom.css with the dimensions I wanted, however, the image does not stay in the resolution I want and also looks like this:

http://prntscr.com/exm1g1

How can I solve? Thanks ^^

[deehmoraes]

 

I got it, I was having trouble finding the postContainer, thank you very much for helping! ^^

[Cookie Monster]

Just now, deehmoraes said:

 

I got it, I was having trouble finding the postContainer, thank you very much for helping! ^^

Did you get everything sorted and resolved @deehmoraes

[Cookie Monster]

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.

[deehmoraes]

15 minutes ago, Cookie Monster said:

você pode compartilhar seu código CSS ou qualquer código adicionado

In this post have the used code: 

My custom.css of dimension theme:

/**
 * This file is for your custom CSS.
 * This file is not modified or overwritten during upgrades
 */
body[data-pagemodule="forums"][data-pagecontroller="index"] .ipsType_pageTitle{ display: none }
#elLicenseKey {
display: none;
}

#elProfileHeader {
 height: 500 px;
}

The height value is only test, however, not results. ;-;