Home Forums WoodMart support forum design the home page

design the home page

Viewing 10 posts - 31 through 40 (of 40 total)
  • Author
    Posts
  • #563291

    alaazinah
    Participant

    I 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.
    #563523

    Hello,

    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.

    #565054

    alaazinah
    Participant

    Please 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

    #565134

    Hello,

    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.

    #566306

    alaazinah
    Participant

    How can i change size of H1, H2, H3, H4 .. and how can i made the product name in single product page in H1 style?

    #566394

    Hello,

    Navigate to Products > Edit Product and change the heading Style.

    See Screenshots for better understanding:
    https://ibb.co/r56bpd4

    For 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/SwzYptf

    Best Regards.

    #567575

    alaazinah
    Participant

    How can I modify the layout of single product page with Elementor

    #567645

    Hello,

    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.

    #570002

    alaazinah
    Participant

    There 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.
    #570124

    Hello,

    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.

Viewing 10 posts - 31 through 40 (of 40 total)

The topic ‘design the home page’ is closed to new replies.