Close

Account

Documentation

Forum

Menu

Ribbon Effect

  • Post count: 12
    tewibowo
    July 16, 2014 at 2:13 pm #1776

    Hi, can you tell me how your ribbon effect works?

    i upload 2 height ribbon image,
    under 130px and it works.
    but over 250px it does not works.

    i need to create over 450px ribbon image.
    is that any solution for me?

    thanks

    Post count: 2684
    Rai
    July 17, 2014 at 4:47 am #1801

    There is option Enable Top Ribbon & Enable Bottom Ribbon on section row edit, if you use VC.
    You need to create image pattern that can be repeat horizontally. On our demo I use 13×15 px size of ribbon.
    I’m not sure what is your image problem, can you show me your ribbon image?

    Thank you

    Post count: 12
    tewibowo
    July 17, 2014 at 5:13 am #1804

    this my ribbon image

    i want to create an overlapping effect with the 450px height ribbon image (the first image in the picture).

    you can see my site: tewibowo.com (using the 130px height ribbon)

    is that possible to use 450px height ribbon image (the first image in the picture)???

    thank you

    Post count: 2684
    Rai
    July 17, 2014 at 8:14 am #1823

    I saw your ribbon great on your website. What else do you need?

    Thank you

    Post count: 12
    tewibowo
    July 17, 2014 at 8:21 am #1824

    i want to make the ribbon with the 450px height ribbon image (the first image in the picture with a computer).
    but the image does not come out when i upload it.
    how to make it works?
    does the ribbon have the maximum parameter heights?
    or something that makes 450px height does not come out?

    *only with ribbon 130px (without computer) works.

    thanks to be patient with this 🙂

    Post count: 2684
    Rai
    July 18, 2014 at 5:34 am #1851

    Jkreativ doesn’t limit size of image, it should work if your content is higher than ribbon height.
    Anyway, your ribbon link doesn’t work for me (imgur.com is blocked). Try to use dropbox or another image host.

    Thanks!

    Post count: 12
    tewibowo
    July 18, 2014 at 6:36 am #1856

    hi there,
    i think the section-bottom-ribon height limited to 150px.
    here is the screen shoot:
    https://www.dropbox.com/s/guizvbva1e8y5nb/section-bottom-ribbon-section-only-150px.jpg

    i would like to expand the height 450px, so i add this to additional style:
    .section-bottom-ribon {
    height:450px;
    }
    but it doesnt works.
    can you help me please?

    thanks

    Post count: 2684
    Rai
    July 18, 2014 at 10:25 am #1873

    Hi tewibowo,

    Looks like you have done with your CSS.
    Anyway, do you speak Bahasa? I saw that you’re from Indonesia too 🙂

    Greets!

    Post count: 12
    tewibowo
    July 18, 2014 at 10:27 am #1874

    Halo Rai,

    sudah saya coba ubah dengan

    @media all {
    .section-bottom-ribon {
    height:325px !important;
    width:100%;
    }
    }

    namun, tidak efek di ipad dan iphone.
    image ribbonnya tidak mengikuti kontainer width 100%

    bisa bantu saya untuk ini?
    thank you

    Post count: 2684
    Rai
    July 19, 2014 at 1:34 am #1888

    Halo tewibowo,

    Saya cek disini width nya sudah mengikuti kontainer, coba tambahkan ini supaya image nya mengikuti container:

    Tapi memang image yg didapat tidak akan sama ketika di lihat di desktop karena pada dasarnya ribbon didesain untuk repeating image, bukan static image. Namun, bisa diakali dengan mengurangi tinggi ribbon pada mobile device:

    Semoga membantu 🙂

    Post count: 12
    tewibowo
    July 19, 2014 at 4:44 am #1892

    Thanks bisa saya modified.
    saya ada pertanyaan lain tapi saya akan buat di post berbeda, karena pertanyaan nya beda dari judul.
    Sukses!

    Post count: 2684
    Rai
    July 19, 2014 at 8:08 am #1903

    Siaaap om 🙂

You must be logged in to reply to this topic.