Shudh Theme – Innerbanner

[Derek]

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

[Sonl Sinha]

Hi,

Yeah sure.

Kindly show us your website URL?

Regards,
Dave

[Derek]

Hi Dave,

It’s http://collinsviptours.com/

Thanks

Derek

[Sonl Sinha]

Hi Derek,

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

Add this code there:

.innerbanner .container { width:100%;}

Regards,
Dave

[Derek]

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

[Sonl Sinha]

Hi,

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

Regards,
Dave

[Derek]

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

[Sonl Sinha]

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

[Derek]

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

[Sonl Sinha]

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

[Derek]

HI Dave,

I’ve left the CSS there now.

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

Thanks
Derek

[Sonl Sinha]

Hi,

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

Add this code there:

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

Regards,
Dave

[Derek]

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

[Derek]

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

[Sonl Sinha]

Hi,

Kindly use this code there:

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

Regards,
Dave

[Author]

Posts