Shudh Theme – Innerbanner

[Derek]

Hi Dave,

That has extended the height but the width is the same. see link: http://collinsviptours.com/irish-golf-tours/

The header images are the same size in both themes but check out how this one sits in this link: http://roccul.com/services/

That’s the way I want it to look.

Thanks

Derek

[Sonl Sinha]

Hi,

.innerbanner .container {height: auto !important; width:100% !important;}

Regards,
Dave

[Derek]

Hi Dave, that has made the header full width which extends to fill the page? Would it have anything to do with .innerbanner container img?

[Derek]

No luck with that Dave. Any other ideas?

So the headers in the links below are the same size. But The Shudh theme is not displaying it like I want.

This is how it is sitting now: http://collinsviptours.com/irish-golf-tours/ (Shudh Theme)

This is how I want the header: http://roccul.com/services/ (Architect Pro Theme)

Thanks

Derek

[Sonl Sinha]

Hi,

I am not sure what you mean by this. Can you may be draw or point out in an image?

You can upload image in imgur.com and share the link here.

Regards,
Dave

[Derek]

Hi Dave,

Brad send me on this code that worked perfectly in the Architect Pro Theme:

.innerbanner { height:auto; }

.innerbanner img {width:auto;}

However it is not the same in Shudh Theme.

Basically the innerbanner should be wider than the content below it. In this website, this was achieved by displaying the innerbanner in it’s actual size, that wasn’t resized by the theme.

http://roccul.com/services/

see what you can do.

Thanks

[Derek]

Okay Dave I think I got it, I was playing around with it and I’ve inputted this code:

.innerbanner .container { height:auto; width:auto;}
.innerbanner .container img { height:auto; width:auto;}

This has worked but the innerbanner is left aligned.

Do you have CSS that will correct this and that will be it?

[Sonl Sinha]

Hi,

Okay, Can you send us the screenshot?

Regards,
Dave

[Derek]

Hi Dave,

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

Or https://imgur.com/OGFbTv5

So there is a white section on the right hand side.

I want it the innerbanner centered so there is the same white section either side of the innerbanner. On smaller screens it looks fine but on desktops it aligns left when the screen size is bigger than the banner.

thanks

Derek

[Sonl Sinha]

Hi,

Kindly Add this code there:

.innerbanner .container img {height: auto; width:100%;}

Regards,
Dave

[Derek]

Hi Dave,

I don’t want the width to be 100% as it fills out the page width.

I’m happy how it is currently now, I just want the innerbanner to be centred when viewing on desktop.

Do you have CSS to allow me center the innerbanner?

Thanks

Derek

[Sonl Sinha]

Hi,

Kindly use this css there.

.innerbanner .container { height: auto; width: auto; text-align:center;}

Regards,
Dave

[Derek]

Dave you’re a star! Thanks a million.

[Derek]

Dave you’re a star! Thanks a million.

[Sonl Sinha]

🙂

[Author]

Posts