Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 16, 2025 at 11:52 am #1485502
    Bettina
    Guest

    Hello,
    I am asking a presales question for a starting web project. Our graphic designer created very special layouts. All images and headings should have a special graphical element, a white layer formed as trapezoid.
    I did not find any demo that uses something similar…

    Best regards
    Bettina

    June 16, 2025 at 7:37 pm #1485517
    Rikard

    Hey Bettina,

    Thanks for reaching out to us. Could you share an example of what you are looking to create?

    Best regards,
    Rikard

    June 17, 2025 at 3:25 pm #1485581
    Bpelzer

    I have uploaded an example on ImgBB: https://ibb.co/8LpmsTLR

    Those headings should be placed on top of every section of my onepager. The background form (or image) should have those diagonal edges. Any idea?

    June 18, 2025 at 9:49 am #1485627
    Rikard

    Hi,

    Thanks for that. What you are looking to achieve should be possible with custom CSS, but there are no elements in the theme which would create that by default unfortunately.

    Best regards,
    Rikard

    June 18, 2025 at 11:23 am #1485631
    Bpelzer

    Hi Rikard,
    could you help me with such custom CSS? That would be great!

    Best regards
    Bettina

    June 18, 2025 at 1:49 pm #1485634
    Rikard

    Hi,

    Yes we can do that. Please provide links to the graphic element, and to where we can see the actual elements that you want to apply it to.

    Best regards,
    Rikard

    June 18, 2025 at 7:28 pm #1485645
    Bpelzer
    This reply has been marked as private.
    June 19, 2025 at 9:50 am #1485666
    Rikard

    Hi,

    Thanks for that. The image is not visible on my end, please upload it to your WordPress installation instead. The account on your site needs to be upgraded to have administrator rights as well.

    Best regards,
    Rikard

    June 19, 2025 at 9:55 am #1485668
    Bpelzer
    This reply has been marked as private.
    June 20, 2025 at 11:44 am #1485720
    Rikard

    Hi,

    Thanks for that. It looks like you have already made some progress on the page that you linked to, is there something that you still need our help with?

    Best regards,
    Rikard

    June 20, 2025 at 11:50 am #1485723
    Bpelzer

    Hi there,
    yes, I need still some help. My CSS is working quite well in desktop mode, but it is not really responsive. When switching to tablet and mobile view, the background image is getting compressed.
    Any idea for a good looking solution?

    Best regards
    Bettina

    June 21, 2025 at 10:43 am #1485742
    Rikard

    Hi,

    You might have to use a different, smaller image for smaller screen sizes, then place the CSS inside of a media query:

    @media only screen and (max-width: 767px) {
  Your mobile styling goes here
}

    Best regards,
    Rikard

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