Shudh Theme – Innerbanner

Home Forums Shudh theme support Shudh Theme – Innerbanner

Viewing 15 posts - 16 through 30 (of 30 total)
  • Author
    Posts
  • #90842
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #90848
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    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
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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.

    http://roccul.com/services/

    see what you can do.

    Thanks

    #90948
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Okay, Can you send us the screenshot?

    Regards,
    Dave

    #90966
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Kindly Add this code there:

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

    Regards,
    Dave

    #90972
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Kindly use this css there.

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

    Regards,
    Dave

    #90975
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Dave you’re a star! Thanks a million.

    #90976
    DerekDerek
    Member
    • Topics: 26
    • Replies: 104
    • Total: 130
    Member since: July 27, 2016

    Dave you’re a star! Thanks a million.

    #90978
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    🙂

Viewing 15 posts - 16 through 30 (of 30 total)
  • You must be logged in to reply to this topic.