cf7 – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 07:04:11 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Theme Options: Footer More https://xtratheme.com/docs/theme-options/theme-options-footer-more/ https://xtratheme.com/docs/theme-options/theme-options-footer-more/#respond Wed, 26 Jun 2024 09:10:52 +0000 https://xtratheme.com/docs/?p=1911

Description and Screenshot

Step 1
XTRA

More Footer settings

Under Theme Options > Footer > Footer More you can find some other footer options such as fixed footer, back to top button, quick contact form, etc.

  1. Fixed Footer – Footer will hide under body background and will show by end of scroll
  2. Back to Top – Enable/disable back to top button in right bottom
  3. Quick Contact Form – Enable/disable quick contact form button beside back to top
  4. Contact Icon – Choose icon from library with over 1000 icons
  5. StyleKits – Customize footer, back to top button and quick contact form modal box
Theme options footer more
Tips

You may want to know …

  • Contact Modal Box – First you need to create a Contact form from Dashboard > Contact then go to Dashboard > Pages and create custom page and insert Contact form in page then publish it. Now from Footer settings you can set your quick contact form.
]]>
https://xtratheme.com/docs/theme-options/theme-options-footer-more/feed/ 0
Element: Contact form 7 Pro https://xtratheme.com/docs/page-builder/element-contact-form-7-pro/ https://xtratheme.com/docs/page-builder/element-contact-form-7-pro/#respond Sun, 16 Jun 2024 19:14:32 +0000 https://xtratheme.com/docs/?p=1424

Video Tutorial

Description and Screenshot

Step 1

Contact form 7 with custom StyleKits and more ability to design inputs, buttons, etc. Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Cf7 2
  • Contact Form – Select contact form, If you haven’t, Go to Dashboard > Contact add new
  • Container Styling – Overall contact form styling like background, border, padding, etc.
  • Labels Styling – Labels above inputs styling typography, color, size, etc.
  • Inputs Styling – Inputs and textarea styling background, color, size, etc.
  • Button Styling – Buttons styling background, color, size, etc.
  • Select option Styling – Select fields styling background, color, size, etc.
  • Select dropdown Styling – Dropdown styling background, color, size, etc.
  • All Rows Styling – You can add style for each contact form fields rows
  • Each Fields Styling – Customize each rows, e.g. you can set width 48% to field 1 and 2
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-contact-form-7-pro/feed/ 0