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, 2 months ago by wensolutions.
-
AuthorPosts
-
August 14, 2018 at 6:13 am #77497Tom PearseParticipant
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.
August 14, 2018 at 6:57 am #77498wensolutionsKeymasterHello @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 PearseParticipantandymcguirephotography.com
August 14, 2018 at 11:44 pm #77523wensolutionsKeymasterHello @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 PearseParticipantMy request is to increase the height of the header image NOT the slider image! Please advise
August 15, 2018 at 7:25 am #77658wensolutionsKeymasterHello @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 PearseParticipantThank 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 #77662wensolutionsKeymasterHello @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 PearseParticipantwill do
August 15, 2018 at 11:28 pm #77696wensolutionsKeymasterHello @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 PearseParticipantHi, 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 #77751wensolutionsKeymasterHello @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 PearseParticipantThank you. Issue resolved using the above code
August 20, 2018 at 10:39 am #77948wensolutionsKeymasterHello @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.