Home › Forums › WoodMart support forum › subscription box design
subscription box design
- This topic has 10 replies, 2 voices, and was last updated 4 years, 9 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
June 2, 2020 at 3:29 am #199840
magalyubParticipantHello
how could i make image02 look like image01?Attachments:
You must be logged in to view attached files.June 2, 2020 at 8:19 am #199891
Aizaz Imtiaz AwanKeymasterHello,
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.
June 2, 2020 at 7:17 pm #200054
magalyubParticipanthello
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.June 3, 2020 at 4:49 am #200135
magalyubParticipantCan you help me with this from image01?
everything was fine and suddenly this happened.
the mail entry contour is too shortAttachments:
You must be logged in to view attached files.June 3, 2020 at 8:00 am #200180
Aizaz Imtiaz AwanKeymasterHello,
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.
June 3, 2020 at 3:49 pm #200360
magalyubParticipantIt 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.June 4, 2020 at 6:40 am #200500
Aizaz Imtiaz AwanKeymasterHello,
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.
June 4, 2020 at 3:00 pm #200759
magalyubParticipantHello
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. image02Attachments:
You must be logged in to view attached files.June 5, 2020 at 7:03 am #200904
Aizaz Imtiaz AwanKeymasterHello,
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.
June 5, 2020 at 7:15 pm #201118
magalyubParticipanthello
This is the page etzy but what I like is how it looks on the mobile phone.June 6, 2020 at 7:16 am #201248
Aizaz Imtiaz AwanKeymasterHello,
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.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register