Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #362377

    hi

    i’ve used a custom template and have an issue not sure how to fix

    if you look at

    http://www.codecreative.uk/

    On a 27 inch screen you can see the in the initial div that says what people have to say just after the contact form on the far left there is a gap. Where the slanting line starts I want everything to the left to be white

    Can you advise what I could do? I’m thinking a before tag that places a white div area 100% width floated to the left but is that even possbile?

    #362992

    Hi codecreative!

    I don’t think my resolution is big enough. Can you take a screenshot and highlight what your seeing so we can get a better idea?

    Regards,
    Elliott

    #363029
    #363042

    Hey!

    Please add following code to Quick CSS as well

    .page-id-14 #av_section_1:before, .page-id-14 #av_section_2:before { background-size: contain; }

    Best regards,
    Yigit

    #364871

    Hi Yigit

    Thanks so much for the feedback it seems to have no effect though any other ideas?

    #364925

    Hey!

    Please change the code to following one

    @media only screen and (min-width: 1600px) {
    .page-id-14 #av_section_1:before, .page-id-14 #av_section_2:before {
    background-size: contain!important;
    }}

    Best regards,
    Yigit

    #365273

    Hey Yigit

    Fanastic this solves the bottom area so 50% fixed. It’s just the top slants i’ve took this screenshot to show you what I mean

    https://www.dropbox.com/s/3080q0nmryx64qd/Screenshot%202014-12-09%2010.01.08.png?dl=0

    I tried to add .page-id-14 #after_section_1:before { to the declaration you mentioned above resulting in

    @media only screen and (min-width: 1600px) {
    .page-id-14 #av_section_1:before, .page-id-14 #av_section_2:before, .page-id-14 #after_section_1 {
    background-size: contain!important;
    }}

    But this attempt seemed to fail me

    #365303

    Hi!

    Please try following code

    @media only screen and (min-width: 1600px) {
    .page-id-16 #after_section_1:before, .page-id-14 #after_section_1:before { 
    top: -160px;
    background-size: contain!important; }}

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.