Home Forums WoodMart support forum design the home page

design the home page

Viewing 6 posts - 31 through 36 (of 36 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.

Viewing 6 posts - 31 through 36 (of 36 total)