Home Forums Pro Themes Trade Line Pro Resize Header Image

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #77497
    Tom Pearse
    Participant

    Hi, Can I increase the height of the header image? Despite using an image that is the recommended 1350×130 pixel size, the image is being cropped and not showing fully.

    #77498
    wensolutions
    Keymaster

    Hello @tompearse,

    Can you please provide your site URL so that we can provide the precise fix on this?

    Thank you.

    Best Regards!!

    #77500
    Tom Pearse
    Participant

    andymcguirephotography.com

    #77523
    wensolutions
    Keymaster

    Hello @tompearse,

    To increase the size of the slider image please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .cycle-slide a {
    	display: block;
    	height: 450px;
    }
    
    .cycle-slide img {
    	display: block;
    	height: 100%;
    	-o-object-fit: cover;
    	object-fit: cover;
    	-o-object-position: center;
    	object-position: center;
    }

    Also your image height are small so make sure to upload the image of height approximately of 500px.

    Hope this helps.

    Regards!!

    #77656
    Tom Pearse
    Participant

    My request is to increase the height of the header image NOT the slider image! Please advise

    #77658
    wensolutions
    Keymaster

    Hello @tompearse,

    We would like to apologize for the confusion.

    Please replace the above given CSS with the CSS given below.

    .site-header {
        padding: 360px 0 30px;
    
    }

    Hope this helps.

    Regards!!

    #77660
    Tom Pearse
    Participant

    Thank you! That has resolved the issue. By the way, Trade Line Pro is a great theme – well done!

    #77662
    wensolutions
    Keymaster

    Hello @tompearse,

    Thank you very much for the appreciations 🙂 .

    Also, we are glad that your issue is resolved now.

    If you have any issues further then please let us know.

    Also, we would really appreciate if you could help us by rating our theme by following the link given below:

    https://wordpress.org/support/theme/trade-line/reviews/

    Thank you.

    #77663
    Tom Pearse
    Participant

    will do

    #77696
    wensolutions
    Keymaster

    Hello @tompearse,

    Thank you.

    If you have any issues further then please let us know.

    Thank you.

    Best Regards!!

    #77715
    Tom Pearse
    Participant

    Hi, now that I have the header image size where I want it, there is another problem…
    It views nicely on a monitor but it gets squeezed and doesn’t show correctly on mobile devices. Any thoughts on how to correct?

    #77751
    wensolutions
    Keymaster

    Hello @tompearse,

    To remove the issues in the responsive view, please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    @media screen and (min-width: 320px) and (max-width: 576px) {
    	#masthead {
    		background-size: 200%;
    		margin: 0 -15px;
    		padding: 45px 0;
    	}
    }
    
    @media screen and (min-width: 576px) and (max-width: 768px) {
    	#masthead {
    		background-size: contain;
    		margin: 0 -15px;
    		padding: 30px 0;
    	}
    }

    Hope this helps.

    Regards!!

    #77946
    Tom Pearse
    Participant

    Thank you. Issue resolved using the above code

    #77948
    wensolutions
    Keymaster

    Hello @tompearse,

    Glad we could help you.

    If you have any issues further then please let us know.

    Thank you.

    Regards!!

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.