Home › Forums › WoodMart support forum › design the home page
design the home page
- This topic has 39 replies, 2 voices, and was last updated 7 months, 2 weeks 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.
May 23, 2024 at 6:17 am #567575
alaazinahParticipantHow can I modify the layout of single product page with Elementor
May 23, 2024 at 10:38 am #567645
Aizaz Imtiaz AwanKeymasterHello,
Sorry to say but it wouldn’t be directly possible as you know the default Single Product page layout comes from WooCommerce end.
But you can use the Theme’s Layout Builder to create Custom Layouts for the Single Product page > and in that Layout you can change or configure the elements accordingly. You can find the Layouts under the Dashboard > Layouts.
Here is the Guide to that:
https://xtemos.com/docs-topic/single-product-page-builder/Further, you can read more about the Layout Builder here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/Best Regards.
June 1, 2024 at 9:50 pm #570002
alaazinahParticipantThere is a problem with the layout of the single product page.
1- The reviews column does not fit and goes off the mobile screen as image 1 How can this problem be solved?
How can I modify the carsoul arrow of the product gallery in image 2, as I add modifications to it from theme settings < styles and colors < carousel.. but the modifications do not appear.
3- How can I modify the typography of the title of related products section (منتجات ذات صلة) as in image 3
Attachments:
You must be logged in to view attached files.June 3, 2024 at 9:50 am #570124
Aizaz Imtiaz AwanKeymasterHello,
If you do not mind, can you please create a new topic to avoid confusion? Actually, in this topic, all the issues are mixed up and it is creating a mess in the topic. So please create a new topic.
Note: Please create new topics for each issue in the support system to avoid any confusion.
Thanks for contacting us.
Have a great day !
Topic Closed. -
AuthorPosts
The topic ‘design the home page’ is closed to new replies.
- You must be logged in to create new topics. Login / Register