Some final issues

[Aizaz Imtiaz Awan]

Good morning,

We have finalized the construction of our site. We do however have a few questions and requests.
All screen are attached in private content.

General

1) Despite the correct configuration of the buttons, all the buttons on the site have rounded corners. How to turn the button into a rectangle ? The button is created with Elementor.

2) How to remove the white bands below the header and above the footer?

In the footer

3) We would like to change the color of the text under the logo to white.

4) We would like to remove the line between the logo and the text.

5) We would like the menu font to be white and bold (not just the selected page)

Form

6) We have selected specific settings in the theme editor but nothing is set up correctly. We would like to make the background white, the text black in the same size as the text on the page and put the button in the same format as the other buttons
Should we use Contact Form 7?

7) There is also the newsletter subscription to modify on each page. In the same format

Contact page

8) Turn the background green, we tried via the Elementor settings but nothing changes

Mobile version

9) In your settings there is the option to put the icon only or the icon and the text but not only the text. How to put only the text “Menu” ?

10) Remove black background in hover on menu.

Thank you for your help in finalizing our project.
Sincerely,
Roman

• This topic was modified 1 year, 7 months ago by Aizaz Imtiaz Awan.

Hello,

01. Navigate to pages > Edit page with Elementor > Edit button widget > in the style tab select the shape rectangle.
Screenshot for clarification:
https://ibb.co/YRG2Hdy

02. You can find the option in the Design tab for WP bakery page builder and the Advanced tab for Elementor.
Here is the Manual:
https://elementor.com/help/create-space-with-padding-and-margin/

03. Please try to use the below custom CSS code and paste it to Theme settings >> Custom CSS >> Global CSS code section:

[class*="color-scheme-light"] .footer-widget {
      color: red;
}

04. Please try to use the below custom CSS code and paste it to Theme settings >> Custom CSS >> Global CSS code section:

[class*="color-scheme-light"] .footer-widget {
   border: none;
}

05. You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

06. Please Edit the page with elementor and edit contact form 7 widget and in the style tab change the settings.

Screenshot for clarification:
https://ibb.co/hVJxLYp

07. This is the prefooter area. Navigate to Theme Settings > Footer > Prefooter > Check the Prefooter content in the form of HTML Blocks and edit this with Elementor.

08. Navigate to Theme Settings > Styles and colors > pages background. For Elementor please check this:
https://elementor.com/help/create-background/

09. Navigate to WoodMart > Header Builder > Edit Current Header > Switch to mobile header > Configure mobile menu settings and in the style tab you can configure the icon display:
Screenshot for clarification:
https://ibb.co/w4n4VZ4

10. Please try to use the below custom CSS code and paste it to Theme settings >> Custom CSS >> Global CSS code section:

.wd-nav-mobile li:active>a, .wd-nav-mobile li.opener-page>a {
   background: none;
}

Best Regards.

Good morning,

Thanks for your help. We were able to resolve many points.
Attached you will find the screenshots.

1) We don’t have an option on Elementor to edit the button
5) Could you tell us the “custom selector” to modify the footer menu
6) 7) We can change the colors but not the typography. Also, we can’t edit the button.
8) As explained in the initial message, we would only like to change the background of a single page. The contact page. When we go to the page settings via Elementor this does not change.
9) In your settings we can only choose between icon and icon + text. We would like the text only. How to do ?

Thank you for your help.

Hello,

Can you please share the WP admin login details of your site so I will check and give you the possible solution.

Best Regards.

Hello, you will find the logins attached.

Hello,

01. Please use our woodmart button element:
See this video for better understanding:
https://www.veed.io/view/1c402639-7c37-4e8e-9f8f-0949291f280a?sharingWidget=true&panel=share

05. Please try adding the following Custom CSS in the Custom CSS under Theme Settings >> Custom CSS.

:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li a {
    display: inline-block;
    color: white;
    font-weight: 800;
}

06. Please try adding the following Custom CSS in the Custom CSS under Theme Settings >> Custom CSS.

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    font-size: 18px;
    border: 2px solid blue;
    font-family: 'Poppins';
}

Change the value as per your need.

08. Please try adding the following Custom CSS in the Custom CSS under Theme Settings >> Custom CSS.

#page-id-405, .main-page-wrapper {
	background-color: blue;
}

09. Sorry for the wrong screenshot. You can show only text.
https://ibb.co/M9w2yKH

Best Regards.

Hey,

6) and 7) The font has been modified and we have tried different settings but nothing works. Here are the missing elements for the forms:

– title in white
– modification of the button in terms of style and position

You will find two images attached with the current state and what we want.

8) The addition of CSS made it possible to modify the background color of all pages. We would like to modify only the contact page.

9) We don’t see this option. In Woodmart > Headbuiilder > Header > Edit > Mobile > Main header > Navigation menu > Edit > Style > Icon > Display. We have the choice between icon and icon with text not just text.
Can you tell us where the settings are?

Could you please remove our url from our initial post. We cannot edit our post.

Sincerely,
Romain

Hello,

Navigate to Pages > Edit Home page with Elementor page builder > Edit contact form 7 widget and in the style tab change the color.

Screenshot for clarification:
https://ibb.co/c8szL09

For the button styles. Please try adding the following Custom CSS in the Custom CSS under Theme Settings >> Custom CSS. Change the value as per your requirements.

.wpcf7 input[type="submit"] {
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     background: #E2272E;
     padding: 15px 25px 15px 25px;
     border: none;
     border-radius: 5px;
     width: auto;
     text-transform: uppercase;
     letter-spacing: 5px;
	top: 15px;
 }
 .wpcf7 input:hover[type="submit"] {
     background: #494949;
     transition: all 0.4s ease 0s;
 }
 .wpcf7 input:active[type="submit"] {
     background: #000000;
 }

08. Please try adding the following Custom CSS in the Custom CSS under Theme Settings >> Custom CSS.

body.page-id-405 {
	background-color: red !important;
}

09. You have not installed the WooCommerce plugin. When you install the woocommerce then it will show the m account page.

Best Regards.

Hello,

We were able to change the color inside the block to black via a CSS modification:

input[type=’email’], input[type=’date’], input[type=’search’], input[type=’number’], input[type=’text’], input[type=’ tel’], input[type=’url’], input[type=’password’], textarea, select {
font-size: 18px;
font-family: ‘Poppins’;
color: black;

Concerning the button, the style has been modified. How can we move the button to the right of the block?

Concerning the background for the contact page, your CSS code we can see the modification by scrolling upwards above the header. But the CSS does not modify the central background of the page.
We also tried making the background transparent in Theme setting > Styles and colors > Pages background > All pages background. But it doesn’t work.
It seems that the Woodmart theme setting is taking over.

Sincerely,

Hello,

01. I have modified the css in your site to change the value as per your requirements.
Screenshot for clarification:
https://ibb.co/PcfX5mK

02. I have made a Theme Preset on your site for contact us page: https://ibb.co/Ps2NY5f and change the Theme Settings > Styles and colors > Pages background.

Here is our article on how to use presets:
https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards.

Hello,

We were able to adjust the background settings.

We misunderstood the positioning of the Contact form button. We wanted it to the right of the block where we write the email address but that will not work for the contact page.

The best solution would be to center it. We tried with these two codes but it does not work

align-items: center;
justify-content: center;

Finally, we are left with only the text of the form which is in black and which we absolutely cannot change to white. Despite Elementor and Woodmart settings.
How to resolve this problem?

Sincerely,

Hello,

Please try adding the following Custom CSS in the Custom CSS under Theme Settings >> Custom CSS.

.wpcf7-form, .label {
color: red !important;
}

Best Regards.

Good morning,

Thanks, the code works perfectly.
Can we adjust the last point, to center the buttons?

Thank you and happy new year 2024

Hello,

Your issue has been resolved. I have added the left property in the previous custom css code. Cheek back your site and check the issue.

Best Regards.

Hello,

If you can edit and delete our url from the initial post please.
We found from previous topic on the forum solutions for all our SEO issues. All is working perfectly.
You can close the topic

Happy new year.

Hello,

I have deleted the URL from the initial post.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts