September 6, 20178 yr Administrator Increase cover photo height Go to: ACP > Customization > Themes > YourTheme (Edit HTML and CSS) > CSS > core > front > styles > profile.css FIND: #elProfileHeader { padding-bottom: 0; padding-top: 125px; position: relative; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.4) inset; text-shadow: 0px 0px 4px rgba(0,0,0,0.5); font-size: 16px; {prefix="transition" value="all 0.3s ease-in-out"} } REPLACE WITH: #elProfileHeader { padding-bottom: 0; padding-top: 235px; position: relative; height: 310px; background-size: cover; background-repeat: no-repeat; background-position: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.4) inset; text-shadow: 0px 0px 4px rgba(0,0,0,0.5); font-size: 16px; {prefix="transition" value="all 0.3s ease-in-out"} } NOTE: If you change height: 310px, be aware that you will have to change padding-top as well. BEFORE AFTER
Increase cover photo height
Go to: ACP > Customization > Themes > YourTheme (Edit HTML and CSS) > CSS > core > front > styles > profile.css
FIND:
#elProfileHeader { padding-bottom: 0; padding-top: 125px; position: relative; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.4) inset; text-shadow: 0px 0px 4px rgba(0,0,0,0.5); font-size: 16px; {prefix="transition" value="all 0.3s ease-in-out"} }REPLACE WITH:
#elProfileHeader { padding-bottom: 0; padding-top: 235px; position: relative; height: 310px; background-size: cover; background-repeat: no-repeat; background-position: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.4) inset; text-shadow: 0px 0px 4px rgba(0,0,0,0.5); font-size: 16px; {prefix="transition" value="all 0.3s ease-in-out"} }NOTE: If you change height: 310px, be aware that you will have to change padding-top as well.
BEFORE
AFTER