Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 3, 2014 at 7:01 pm #362377
    codecreative

    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?

    December 4, 2014 at 4:51 pm #362992
    Elliott

    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

    December 4, 2014 at 5:45 pm #363029
    codecreative

    Hi Here Is the screenshot

    https://www.dropbox.com/s/qalty25kl37pauv/screenshotCCFixed.jpg?dl=0

    December 4, 2014 at 5:51 pm #363042
    Yigit

    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

    December 8, 2014 at 7:01 pm #364871
    codecreative

    Hi Yigit

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

    December 8, 2014 at 8:27 pm #364925
    Yigit

    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

    December 9, 2014 at 12:02 pm #365273
    codecreative

    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

    December 9, 2014 at 1:06 pm #365303
    Yigit

    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

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