Resize the banner of Inner Page Banner

Home Forums Shudh theme support Resize the banner of Inner Page Banner

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #65624
    Toby Wong
    Participant
    • Topics: 7
    • Replies: 11
    • Total: 18
    Member since: October 25, 2014

    Hi, I am using Shudh theme, and I found the height of inner page banner is too much. How can I resize it? I know the default height is 300px and i want to make it as 150-200px. Thanks

    #65630
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    Hi Toby,

    Kindly show us your website URL.

    Regards,
    Dave

    #65635
    Toby Wong
    Participant
    • Topics: 7
    • Replies: 11
    • Total: 18
    Member since: October 25, 2014
    #65639
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    You can use any image editor like photoshop to resize the image.

    #65640
    Toby Wong
    Participant
    • Topics: 7
    • Replies: 11
    • Total: 18
    Member since: October 25, 2014

    Yes, I did. I did resized my banner height = 200px.
    however, the banner still too width and it automatically enlarged my image.

    #65648
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    Size of the inner banner on your website is 1170px x 320px. Did you added 200px height image on some specific page?

    #65652
    Toby Wong
    Participant
    • Topics: 7
    • Replies: 11
    • Total: 18
    Member since: October 25, 2014

    Yes.. I just changed my all inner banner in my website to the size 1170 × 200.
    Please check the outcome, thanks for help 🙂

    #65654
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .innerbanner .container img{min-height:auto !important;}

    Regards,
    Dave

    #65658
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    Hi,

    Replace this code with my previous code:

    .innerbanner .container img{min-height:auto !important; height:auto !important;}

    Regards,
    Dave

    #65659
    Toby Wong
    Participant
    • Topics: 7
    • Replies: 11
    • Total: 18
    Member since: October 25, 2014

    Thanks, it works:)
    however, can we adjust the gap, between the innerbanner and the words?

    #65662
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    Replace this code with my previous code:

    .innerbanner .container img{min-height:auto !important; height:auto !important;}

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