Jump to content
Sign in to follow this  
ADMIN

Increase cover photo height

Rate this topic

Recommended Posts

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

before.thumb.png.67e7ade91cccf37df5819ce9135cfa37.png

 

AFTER

coverphoto.thumb.png.5ae55796596fbfdf2bb01728e4d8afbe.png

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Forum Statistics

    1,932
    Total Topics
    8,055
    Total Posts
×