Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • May 12, 2016 at 4:29 pm #631455
    fanlokbun

    Hi I have a header image in a color section that I want to give a max width. I have tried using a developers section id of robHeader and this css in theme options but it doesn’t work:

    #robHeader  .container {
    max-width:1600px!important;
}

    This is the page:
    http://thegatheringbarn.co.uk/about-the-venue/

    May 13, 2016 at 7:36 am #631870
    Rikard

    Hi fanlokbun,

    Looks like we have to be logged in to be able to view the site? Please post admin login details in private.

    Thanks,
    Rikard

    May 13, 2016 at 11:37 am #631992
    fanlokbun

    Sorry guys what a numpty.
    Log in below good for 7 days.
    Thanks
    Rob

    May 15, 2016 at 8:13 am #632472
    Rikard

    Hi,

    I’m not sure why that is not applying, everything looks right to me. I tried adding it to the top of your Quick CSS but it still doesn’t apply. Do you know if there is any caching being applied from your hosting provider?

    Regards,
    Rikard

    May 17, 2016 at 12:26 pm #633675
    fanlokbun

    Hi Rikard,
    I have confirmed with the host and no caching is being applied.
    Thanks
    Rob

    May 18, 2016 at 1:26 pm #634412
    Yigit

    Hi,

    Please change your code to following one

    #robheader .container {
    max-width: 1600px!important;
}

    Best regards,
    Yigit

    May 18, 2016 at 4:25 pm #634623
    fanlokbun

    Sorry Yigit, I tried it but still not working :-(

    May 18, 2016 at 4:29 pm #634629
    Yigit

    Hey!

    It applies fine on my end, attached a screenshot in private content field.

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Regards,
    Yigit

    May 18, 2016 at 5:12 pm #634664
    fanlokbun

    I’ve cleared the cache in Firefox and I’ve tested it in Chrome for the first time and the header image is still full width. The screenshot you sent is of the css code. I can’t tell from that whether it looks okay on your screen or not.

    Here’s a grab of Chrome the first time it has been to the site.
    https://www.dropbox.com/s/ez3lzjqksq6jjn2/grab-160518.jpg?dl=0

    Thanks
    Rob

    May 19, 2016 at 4:05 pm #635282
    Andy

    Hi,

    I added this code into your Quick CSS field and now it’s working as expected. Can you confirm please?

    #robheader {
max-width: 1600px;
}

    Best regards,
    Andy

    May 20, 2016 at 12:43 pm #635856
    fanlokbun

    Thanks Andy nearly there.
    It now works but it aligns to the left. It needs to be in the center above the rest of the site. In the color section the image is set to center center. What is the css I need to add to get it to align center? I tried adding margin: auto; but it didn’t work.
    Your help is much appreciated.
    Thanks
    Rob

    May 23, 2016 at 4:55 am #636522
    Rikard

    Hi,

    Do you mean the special heading? If so you can try this CSS:

    #robheader h1.av-special-heading-tag {
    text-align: center !important ;
}

    Regards,
    Rikard

    May 26, 2016 at 2:36 pm #638723
    fanlokbun

    No not just the text. I mean the complete header. Here’s another screen grab:
    https://www.dropbox.com/s/mmbqx2pwrw0455t/grab-160526.jpg?dl=0

    May 26, 2016 at 4:18 pm #638798
    Andy

    Hi,

    try to control it with this code:

    #robheader {
background-position: 0px 65px !important;
}

    and adjust as needed.

    Best regards,
    Andy

    May 27, 2016 at 1:25 pm #639267
    fanlokbun

    Sorry Andy that didn’t work.
    I have renewed the login below if you wanted to have a play yourself.
    Thanks
    Rob

    May 27, 2016 at 5:42 pm #639421
    Andy

    Hi,

    use this code:

    img.ls-bg.ls-preloaded {
width: 1300px !important;
}

    and adjust as needed.

    Best regards,
    Andy

    May 28, 2016 at 12:23 pm #639749
    fanlokbun

    No sorry that doesn’t work. The image is still aligning left.
    This works okay to get the size correct:

    #robheader {
max-width: 1600px;
}

    … but I have removed it because I don’t want the client to see it with the wrong alignment.
    Thanks
    Rob

    May 30, 2016 at 4:33 am #640085
    Rikard

    Hi Rob,

    Not sure if you need any further help on this or not?

    Regards,
    Rikard

    May 30, 2016 at 11:13 am #640228
    fanlokbun

    Yes I do need help. It is still aligning left when set to max width as per screen grabs. None of the code you have sent has worked. I have only disabled max width as the client I am working for has a large screen and it looks terrible. If you can’t send me the fix without me breaking the site let me know but I have sent you the login for you to add the max width css yourself and try it.
    Thanks
    Rob

    May 31, 2016 at 5:56 am #640684
    Ismael

    Hi,

    We added this to the Quick CSS Field:

    #robheader {
    max-width: 1600px;
    margin: 0 auto;
    float: none;
}

    Best regards,
    Ismael

    May 31, 2016 at 11:02 am #640817
    fanlokbun

    Well done Ismael. Never let me down yet!
    Many thanks
    Rob

    May 31, 2016 at 12:02 pm #640852
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Max width color section’ is closed to new replies.