Home Forums WoodMart support forum subscription box design

subscription box design

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #199840

    magalyub
    Participant

    Hello
    how could i make image02 look like image01?

    Attachments:
    You must be logged in to view attached files.
    #199891

    Hello,

    I saw the screenshots you attached. To change the button border radius and color you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .mc4wp-form input[type="submit"] {
    border-radius: 20px;
    background: white;
    color: black;
    }

    Best Regards.

    #200054

    magalyub
    Participant

    hello

    this is what happens, image01.
    I wish that everything is everything like the image02.
    the text should also change color.

    Attachments:
    You must be logged in to view attached files.
    #200135

    magalyub
    Participant

    Can you help me with this from image01?
    everything was fine and suddenly this happened.
    the mail entry contour is too short

    Attachments:
    You must be logged in to view attached files.
    #200180

    Hello,

    To make the button the same as in the screenshot. Please replace the previous code with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

    You need to adjust the colors and borders value according to your needs.

    .mc4wp-form input[type="submit"] {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: white;
    color: black !important;
    border-left: none;
    }
    .mc4wp-form input[type="submit"]:hover {
    background-color: green;
    }

    2) Please provide the URL of the page and to check it myself and help you out accordingly.

    Best Regards.

    #200360

    magalyub
    Participant

    It stayed that way.

    1.There is a way for the “submit” button to have a border like the image. no border on the left side.

    2. It is possible to create a solid subscription fund like image02. But that the background can be seen on the mobile phone and not on the PC

    Attachments:
    You must be logged in to view attached files.
    #200500

    Hello,

    I saw the screenshots you attached.

    1) The CSS code I provided you in the last reply will also remove the border from the left as you can see in the CSS there is added to a property that removes the border from the left side.

    "border-left: none;"

    2) To remove the background on hover from the submit button you need to use the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS and remove the previous code that I provided you to change hover background.

    .mc4wp-form input[type="submit"]:hover {
    background-color: transparent;
    }

    If you are trying to ask anything else then please elaborate with the help of some relevant screenshot with the URL of the website to check it myself and help you out accordingly.

    Best Regards.

    #200759

    magalyub
    Participant

    Hello
    you have not understood me.

    1. I want to know if it is possible to create a light blue background like image01. only visible on the mobile phone.
    2. I need to know if a border can be created to close the figure. image02

    Attachments:
    You must be logged in to view attached files.
    #200904

    Hello,

    I saw the screenshots you attached.

    1) For the background color please provide with the URL of the page you are trying to copy with the URL of the website to check it myself and help you out accordingly.

    2) And to add border you need to use the following property in the CSS I provided you in one of my previous replies to add border as in the screenshot.

    "border: 2px solid black;"

    Best Regards.

    #201118

    magalyub
    Participant

    hello
    This is the page etzy but what I like is how it looks on the mobile phone.

    #201248

    Hello,

    I have visited the URL you provided. You could not have the same as shown in the link.

    If you want to add background color to the subscription form. You need to edit the row and add background color.

    Screenshot for Clarification: https://ibb.co/WV1SJ6M

    Best Regards.

Viewing 11 posts - 1 through 11 (of 11 total)