Shudh Theme – Innerbanner

Home Forums Shudh theme support Shudh Theme – Innerbanner

This topic contains 29 replies, has 2 voices, and was last updated by  Forum Moderator 11 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 30 total)
  • Author
    Posts
  • #90605

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Guys,

    I want to put any image size as a featured image but I want it to be displayed in its actually size and not the one set by the theme.

    Can you give me some custom CSS for this please?

    Thanks

    Derek

    #90637

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi,

    Yeah sure.

    Kindly show us your website URL?

    Regards,
    Dave

    #90658

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Dave,

    It’s http://collinsviptours.com/

    Thanks

    Derek

    #90661

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi Derek,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .innerbanner .container { width:100%;}

    Regards,
    Dave

    #90662

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Dave,

    That only stretched the inner banner to fill the page width.

    The height remained the same too and it also stretched the image and distorted it

    I want it to show the image in the exact size so I can change the sizes on different pages by uploading different sized images.

    Thanks

    Derek

    #90667

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Dave

    #90671

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Dave,

    Apologies, the images on the innerbanner where made to fit the banner. I’ve now uploaded a larger image on http://collinsviptours.com/irish-golf-tours/

    The innerbanner has now resized it to fit. Can you make it display in it’s original size of 1400×550?

    Thanks

    Derek

    #90675

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .innerbanner .container { width:100%; height: auto !important; overflow: hidden;}
    .innerbanner .container img { min-height:inherit;}

    Regards,
    Dave

    #90677

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Dave,

    That is showing the full image, however it is stretching it to fill the full width and as a result stretches the height too so the image quality is poor and is way too big.

    Can you look at it again? I just want it to sit at it’s exact size regardless of image size.

    Thanks

    Derek

    #90680

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    After using css.

    Regards,
    Dave

    #90683

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    HI Dave,

    I’ve left the CSS there now.

    Check it out at this link: http://collinsviptours.com/irish-golf-tours/

    Thanks
    Derek

    #90684

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .innerbanner .container {height:300px !important;}

    Regards,
    Dave

    #90696

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Dave,

    That has brought it back up to 330px and cut off nearly half the image. Width is still filling the page?

    See here: http://collinsviptours.com/irish-golf-tours/

    Regards

    Derek

    #90771

    Derek
    Member
    • Topics: 22
    • Replies: 104
    • Total: 126
    Member since: July 27, 2016

    Hi Dave,

    Any luck with this? Brad helped me out with the same request on a different theme – Architect Pro. See how it turn out in this link: http://roccul.com/services/

    I want it the exact same, the dimensions are the same but I need it in the Shudh theme. I tried the same CSS used for Architect Pro but it is different.

    I don’t want to have to switch themes just to get the headers fixed. Your help is appreciated.

    Thanks

    Derek

    #90826

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18477
    • Total: 18477
    Member since: August 16, 2013

    Hi,

    Kindly use this code there:

    .innerbanner .container {height:auto !important;}

    Regards,
    Dave

Viewing 15 posts - 1 through 15 (of 30 total)

You must be logged in to reply to this topic.