Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 24, 2021 at 8:52 am #1322160
    jb84

    Hi support!

    I need to display picture/video but not in rectangle or square BUT in not horizontally edge bottom as you can see on this example for the first video (private content)

    Can it be achieved with Enfold?
    Regards

    September 25, 2021 at 4:23 am #1322249
    Rikard

    Hey jb84,

    I’m not sure which section you are looking to reproduce, could you try explain a bit further, or post a screenshot of the elements in question please?

    Best regards,
    Rikard

    September 27, 2021 at 8:39 am #1322424
    jb84

    Hi
    please find enclosed the screen shoot of the homepage website i was speaking about.
    You can see that the line is not straight, how can it be achieved?

    September 27, 2021 at 9:57 am #1322439
    jb84

    Rikard, you can forget my last message: i found the tool on Color section/Design/Border.
    So it can be achieved.

    But i need 2 changes to feet my needs (enclosed the screen shoot with in red what i need)::

    1- modify the angle i tryed to use your snippet (on this page https://kriesi.at/documentation/enfold/color-section/) but i dont find the value X i have to modify for angle.
    And this solution seems complicatad to achieved because as writen at the begining of the code i need to create folder???
    Isn’t a quick code to only change angle to a current color section, and let the others color section normal?

    2- I need to HIDE the black bottom line at the end of the color section. I putted every settings in WHITE but the border stay…

    Thanks in advance

    • This reply was modified 3 years, 1 month ago by jb84.
    September 28, 2021 at 4:40 am #1322557
    Rikard

    Hi,

    Thanks for the update. The angle is different on your actual site, than in your screenshot. Do you need the border like is shown in the screenshot, or do you need to modify your existing design?

    I can’t see any borders on my end, so I’m guessing that you managed to find a solution?

    Best regards,
    Rikard

    September 28, 2021 at 8:01 am #1322586
    jb84

    hI
    you can just watch the screen shoot and tell me:
    -How to change the angle
    -How to hide the bottom border

    I just tested online something else for waiting.

    September 29, 2021 at 5:19 am #1322709
    Rikard

    Hi,

    We can give you general CSS to use, but that would apply to all sections. If you want specific CSS for specific sections, then we would have to see the actual element on your site.

    Best regards,
    Rikard

    September 29, 2021 at 9:17 am #1322756
    jb84

    Hi
    general css for all sections is ok for me for :
    -How to change the angle
    -How to hide the bottom border

    regards

    September 30, 2021 at 5:21 am #1322920
    Rikard

    Hi,

    Please try this CSS:

    .avia_transform .av-extra-border-element.border-extra-diagonal.border-extra-diagonal-inverse .av-extra-border-inner {
    -webkit-transform: rotate(
-10deg);
    transform: rotate(
-10deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    right: auto;
    left: 0;
}

.avia-section {
    border-bottom-width: 0;
}

    Best regards,
    Rikard

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