Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 16, 2024 at 4:55 pm #1473774
    yifatcohen

    What elements do I need to use to create an opt-in that looks like this:
    opt in

    I used a grid row, but it didn’t align it right:
    opt in

    You can see it live here – https://gregward.com

    December 16, 2024 at 6:49 pm #1473779
    Guenni007

    try:

    #top.home #av-layout-grid-1 fieldset {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px;
}

#top.home #av-layout-grid-1 fieldset p {
  width: unset;
}

#top.home #av-layout-grid-1 fieldset p:first-of-type {
  width: 50%
}

#top.home #av-layout-grid-1 fieldset p:first-of-type input {
  border: 1px solid #be363c;
}

    is this an option for that special button:

    #top.home #av-layout-grid-1 fieldset p .button{
  border-radius: 0 26px 26px 0
}
    December 16, 2024 at 7:04 pm #1473781
    Guenni007

    or try instead:

    #top.home #av-layout-grid-1 fieldset {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
}

#top.home #av-layout-grid-1 fieldset p {
  width: unset;
}

#top.home #av-layout-grid-1 fieldset p:first-of-type {
  width: 50%
}

#top.home #av-layout-grid-1 fieldset p:first-of-type input {
  border: 1px solid #be363c;
  border-radius: 26px 0 0 26px
}

#top.home #av-layout-grid-1 fieldset p .button {
  border-radius: 0 26px 26px 0;
}

    and maybe you style that black box a bit too : change background-color and add some css :

    .custom-black-box {
  background-color: rgba(0,0,0,0.3);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
    December 17, 2024 at 5:15 am #1473800
    Ismael

    Hi,


    @yifatcohen    : Please try @Guenni007’s suggestion above and let us know of the result.

    Best regards,
    Ismael

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