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

    Hi,
    I just tried everyhing I can to get a small arrow on the right side of a div. Like this: http://i.imgur.com/kKLdPk0.jpg
    I gave this div a class : http://i.imgur.com/oF4MT9Y.jpg called .arrow-container
    But if I look at it in the front end the button has the same arrow and I don’t see why. http://i.imgur.com/ypJN6iA.jpg

    best wishes,
    marlene

    #739676

    Hey hannerinc!

    Thank you for using Enfold.

    Please replace the css code with this.

    #top .flex_column.arrow-container {
      position: relative;
      background: #d50d0d;
      border: 4px solid #d50d0d;
      z-index: 9999;
    }
    
    #top .flex_column:before {
      display: none;
    }
    
    #top .flex_column.arrow-container:before {
        right: auto;
        top: 50%;
        content: "" !important;
        height: 0;
        width: 0;
        position: absolute;
        display: block !important;
        border-style: solid;
        border-width: 12.5px 20px 12.5px 0;
        border-color: transparent #d50d0d transparent transparent;
        left: -20px;
        visibility: visible !important;
        margin-top: -12.5px;
    }

    Cheers!
    Ismael

    #740089

    Thanks a lot ismael!
    could you help me with the image too? I want it to fit the content height.

    • This reply was modified 7 years, 11 months ago by hannerinc.
    #740499

    Hey!

    I’m not sure if that’s possible without distorting the image. Please post the actual link to the site so that we can inspect the element. Did you add the image as a column background or as an Image element?

    Cheers!
    Ismael

    #740565

    Hi ismael,
    http://bit.ly/2kN43mf Here is the link to my preview site.

    #741015

    Hey!

    We can apply a minimum height to the column with the background image so that it will still be visible on smaller screens.

    .flex_column.img-arrow {
        min-height: 500px;
    }

    Adjust the value as needed. You can also use css media queries to adjust the value on different screen sizes.

    Cheers!
    Ismael

    #741382

    Hi,
    thanks!
    so I guess it’s not possible to adjust the normal image?

    marlene

    #743148

    Hi,

    It’s possible but it will get distorted on certain screen sizes.

    Best regards,
    Ismael

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