Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 11, 2015 at 7:01 pm #410036
    simonac

    Hi

    i want an image to be behind the content and to be transparent. I use custom css field for this image and this code

    .image1 { margin-bottom: -800px!important; opacity: 0.5 !important; }

    The problem is, i can not go over -500px. So there is no difference between 500px and 800px. Why is that so? And if i use margin-top: 500px nothing happens at all?

    What am i doing wrong?

    Regards Simon

    March 11, 2015 at 9:30 pm #410119
    Elliott

    Hi simonac!

    Send us a link to your page and take a screenshot highlighting exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    March 12, 2015 at 11:12 am #410391
    simonac
    This reply has been marked as private.
    March 13, 2015 at 4:59 pm #411112
    Elliott

    Hey!

    Your wanting the image to span the full width of the screen? That’s going to be very difficult since your using a boxed layout. If you were using a stretched layout then it may be possible.

    To move them up and down though you would just continue with how your currently doing it, using a negative top / bottom margin. Unless I am misunderstanding something.

    Regards,
    Elliott

    March 14, 2015 at 12:01 pm #411487
    simonac
    This reply has been marked as private.
    March 16, 2015 at 4:18 am #411832
    Ismael

    Hey!

    Instead of the image element, use a color section. Set the “wave” image as background. If possible, please provide a screenshot of how you the page to look like.

    Cheers!
    Ismael

    March 16, 2015 at 10:47 am #412012
    simonac

    Allright,

    is there a waay to customize the opacity and the exact position of the color section’s background image?

    I just want to change the waves’ opacity and not the complete color section.

    Regards,
    Simon

    March 16, 2015 at 11:25 am #412024
    simonac

    Hey,

    i udated to 3.1 and there is the possiblity for the color section to set a section background overlay. With this new function i am able to set the opacity as i need.

    So far so good. What i can not set there is the position and the repeating. This makes it pretty bulky. Because now my background image is on a wrong position and repeats.

    Any idea how to correct this?

    Thanks Simon

    March 16, 2015 at 2:50 pm #412166
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #yoga .av-section-color-overlay {
  background-repeat: no-repeat!important;
  background-position: 50% 50%;
}

    Cheers!
    Yigit

    March 16, 2015 at 2:58 pm #412176
    simonac

    That worked!

    Maybe you put these options in the next update! Would make sense.

    Thanks!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘margin-bottom | margin-top – questions’ is closed to new replies.