Home › Forums › Pro Themes › Trade Line Pro › Resize Header Image
Tagged: Trade Line Pro
- This topic has 13 replies, 2 voices, and was last updated 6 years, 5 months ago by
wensolutions.
-
AuthorPosts
-
August 14, 2018 at 6:13 am #77497
Tom Pearse
ParticipantHi, 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.
August 14, 2018 at 6:57 am #77498wensolutions
KeymasterHello @tompearse,
Can you please provide your site URL so that we can provide the precise fix on this?
Thank you.
Best Regards!!
August 14, 2018 at 7:58 am #77500Tom Pearse
Participantandymcguirephotography.com
August 14, 2018 at 11:44 pm #77523wensolutions
KeymasterHello @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!!
August 15, 2018 at 7:15 am #77656Tom Pearse
ParticipantMy request is to increase the height of the header image NOT the slider image! Please advise
August 15, 2018 at 7:25 am #77658wensolutions
KeymasterHello @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!!
August 15, 2018 at 7:46 am #77660Tom Pearse
ParticipantThank you! That has resolved the issue. By the way, Trade Line Pro is a great theme – well done!
August 15, 2018 at 8:05 am #77662wensolutions
KeymasterHello @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.
August 15, 2018 at 8:16 am #77663Tom Pearse
Participantwill do
August 15, 2018 at 11:28 pm #77696wensolutions
KeymasterHello @tompearse,
Thank you.
If you have any issues further then please let us know.
Thank you.
Best Regards!!
August 16, 2018 at 8:33 am #77715Tom Pearse
ParticipantHi, 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?August 17, 2018 at 12:53 am #77751wensolutions
KeymasterHello @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!!
August 20, 2018 at 10:11 am #77946Tom Pearse
ParticipantThank you. Issue resolved using the above code
August 20, 2018 at 10:39 am #77948wensolutions
KeymasterHello @tompearse,
Glad we could help you.
If you have any issues further then please let us know.
Thank you.
Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.