Home › Forums › WoodMart support forum › design the home page
design the home page
- This topic has 35 replies, 2 voices, and was last updated 10 hours, 8 minutes ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
May 5, 2024 at 7:27 am #563291
alaazinahParticipantI dont want to use Mailchimp, I am using contact form 7. I want the form to appear like the blue picture and not like the other picture. Is that possible? email field and button in one line and defult color of theme
Attachments:
You must be logged in to view attached files.May 6, 2024 at 12:54 pm #563523
Aizaz Imtiaz AwanKeymasterHello,
Please follow this guide and customize the contact form style:
https://www.wpbeginner.com/wp-tutorials/how-to-style-contact-form-7-in-wordpress/Best Regards.
May 13, 2024 at 2:34 am #565054
alaazinahParticipantPlease this is not a support method, I can read and know where sliders can appear and where widgets can appear, support should be more effective than that I can search on YouTube or on Google to find the same solutions you are sending me, please I have sent you panel information Control, I want you to create a form for me in which the button and the email field are side by side by contact form 7, and I want you to create a banner for me (containing a slider) similar to the one under the header in the link for this demo https://woodmart.xtemos.com/mega-electronics/ . andI will be grateful for your effort
May 13, 2024 at 12:19 pm #565134
Aizaz Imtiaz AwanKeymasterHello,
01. Navigate to contact form > Edit form > Add the fields like this:
<div class="contact-form-container"> <div class="contact-form-column"> <label for="email">Your Email (required)</label> [email* your-email id:email] </div> <div class="contact-form-column"> [submit "Sign UP"] </div> </div>
Then Navigate to Theme Settings > Custom CSS > add the following custom css code.
.contact-form-container { display: flex; justify-content: space-between; align-items: flex-start; } .contact-form-column { flex: 1; } .contact-form-column label { display: block; margin-bottom: 10px; }
Change the styles as needed to fit your design preferences.
02. Try to create the slider and banner manually on your site.
https://xtemos.com/docs-topic/how-to-create-a-slider/OR try to create a staging site:
https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/Import the demo on the staging site as you want and you can import-export any content by means of default WordPress functionality: Dashboard > Tools > Import/Export. Export the content from the staging site and import it on the production site.
Best Regards.
May 17, 2024 at 6:45 pm #566306
alaazinahParticipantHow can i change size of H1, H2, H3, H4 .. and how can i made the product name in single product page in H1 style?
May 18, 2024 at 9:04 am #566394
Aizaz Imtiaz AwanKeymasterHello,
Navigate to Products > Edit Product and change the heading Style.
See Screenshots for better understanding:
https://ibb.co/r56bpd4For the Related product title, Try to add the following custom css in Theme Settings > Custom CSS > Global Custom CSS:
.wd-el-title { font-size: 40px !important; }
Also your product title in H1 in a single product page.
https://ibb.co/SwzYptfBest Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register