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 6 months, 1 week ago.

Viewing 15 posts - 16 through 30 (of 30 total)
  • Author
    Posts
  • #90842

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

    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

    #90846

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

    Hi,

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

    Regards,
    Dave

    #90848

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

    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?

    #90920

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

    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

    #90934

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

    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

    #90946

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

    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.

    Services

    see what you can do.

    Thanks

    #90948

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

    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?

    #90964

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

    Hi,

    Okay, Can you send us the screenshot?

    Regards,
    Dave

    #90966

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

    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

    #90968

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

    Hi,

    Kindly Add this code there:

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

    Regards,
    Dave

    #90972

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

    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

    #90973

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

    Hi,

    Kindly use this css there.

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

    Regards,
    Dave

    #90975

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

    Dave you’re a star! Thanks a million.

    #90976

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

    Dave you’re a star! Thanks a million.

    #90978

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

    🙂

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

You must be logged in to reply to this topic.