Contact form won't go the full width

This topic has 87 replies, 5 voices, and was last updated 7 years, 7 months ago ago by Eva Kemp

  • Avatar: Michaela
    Michaela
    Participant
    May 23, 2016 at 15:19

    Hello,

    As shown in the link below – under ‘Request a quote’:

    http://demosite.myfairtradie.com.au/contact/

    My contact form won’t go the full width of the area set – I have created one using contact form and pasted in shortcode? but it doesn’t work?

    Also can you please help with the footer. I need to delete the line and change the social media icons to: facebook, linkedin, pinterest and mail icon only. How do you do this, I am struggling?

    Hope you can help asap. Details are provided in private content.

    Thank you Michaela.

    Please, contact administrator
    for this information.
    86 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 23, 2016 at 17:15

    Hello,

    Please add this code in Theme Options > Custom CSS > Global Custom CSS:

    div.wpcf7 input[type="text"], div.wpcf7 textarea {
      width: 100%;
    }

    To remove line in footer use this css code:

    .copyright-3 .container .row-copyrights, .copyright .container .row-copyrights {
       border-top: none;
    }

    To change social icons you need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product” in line 1918), comment the code you don’t need.

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    May 24, 2016 at 09:48

    Hi Eva,

    Unfortunately the contact form has a glitch. See link:

    https://www.dropbox.com/s/99tgah4vkdq8y6m/Screen%20Shot%202016-05-24%20at%206.10.39%20pm.png?dl=0

    Also how do I create an entire new footer to replace the default one – I want it to be smaller in height, social media change, Privacy policy as a link. Can you please advise me how?

    I also need to build an entire different header. I need to move the menu to a right align and add a mobile phone icon and increase space between menu and mobile information. Please help.

    Michaela.

    Thank you.

    Avatar: Eva
    Eva Kemp
    Support staff
    May 24, 2016 at 11:19

    Hello,

    I’ve edited the code to this:

    div.wpcf7 input[type="text"], div.wpcf7 textarea, div.wpcf7 input[type="email"] {
      width: 100%;
    }

    Please check now.

    Read how to create footer using Static Blocks in wp-admin panel:
    https://www.8theme.com/demo/docs/royal/#!/9_footer

    To move menu to the right add this code:

    .navbar-collapse {
       float: right;
    }

    To add more space between mobile info use this css code:

    .menu-item-22388 {
        margin-left: 30px;
    }

    To add icons to menu you need use some plugin, for example http://wptavern.com/how-to-easily-add-icons-to-menus-in-wordpress .

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    June 3, 2016 at 10:13

    Hello,

    Thank you for your help. I’m getting there with my site. Can you please help me increase the top menu font size by 1 point my client wants it larger.

    Link below:

    https://www.dropbox.com/s/9rmgrzr6u8ghatj/Screen%20Shot%202016-06-03%20at%206.30.19%20pm.png?dl=0

    Thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    June 3, 2016 at 10:41

    Hello,

    Add this code in Global Custom CSS:

    .menu > li > a {
       font-size: 14px;
    }

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    June 4, 2016 at 09:57

    Hello,

    I need to remove all of the footer information above the copyright and RHS links in the footer. I would then like to add my own static block containing a copyright sentence with a privacy ploicy link and my own social media icons generated through a plugin … can you advise me on how to do this?

    https://www.dropbox.com/s/1nwxc2ncj0puzjh/Screen%20Shot%202016-06-04%20at%206.20.37%20pm.png?dl=0

    Also how do I remove the ‘chat with us’ shown in the bottom RHS corner?

    Thank you.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 4, 2016 at 10:14

    Hello,

    If you don’t want to use chat on your site, then disable Screets Live Chat plugin.

    Please read how to create your own footer:
    https://www.8theme.com/demo/docs/royal/#!/9_footer

    To add copyright info go to Appearance > Widgets > Footer Copyright > add Text widget and write your content.

    Best regards,
    Jack Richardson.

    Avatar: Michaela
    Michaela
    Participant
    June 6, 2016 at 10:37

    Hello,

    As shown on the links below the second menu when I scroll down on the home page isn’t vertically centred … can this be fixed:

    https://www.dropbox.com/s/smzgxmu5tof0cyc/Screen%20Shot%202016-06-06%20at%206.59.20%20pm.png?dl=0

    https://www.dropbox.com/s/6stdwgwmdr2ac3t/Screen%20Shot%202016-06-06%20at%206.59.30%20pm.png?dl=0

    Also … can the vertical height of the footer be reduced so that the copyright and social media icons are centred within the vertical height. Maybe ‘Footer 1’ needs to be deleted completely from widgets … I’m unsure, shown in link below:

    https://www.dropbox.com/s/c6obdm2dntjcjxw/Screen%20Shot%202016-06-06%20at%207.03.03%20pm.png?dl=0

    Thank you for your support.

    Avatar: Eva
    Eva Kemp
    Support staff
    June 6, 2016 at 12:49

    Hello,

    Please use this code in Theme Options > Custom CSS > Custom CSS for desktop:

    .fixed-header-area .collapse {
      margin-top: 13px;
    }
    .main-footer {
       display: none;
    }

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    June 14, 2016 at 10:19

    Hello,

    I have a font issue with my fonts they have all defaulted back to a random serif font and all of the text needs be set as ‘helvetica’. The typography section in ‘Theme options’ isn’t working. Is there any global code available which sets the entire site to ‘helvetica’?

    Snap shots below:
    https://www.dropbox.com/home?preview=Screen+Shot+2016-06-14+at+6.38.56+pm.png

    https://www.dropbox.com/home?preview=Screen+Shot+2016-06-14+at+6.39.13+pm.png

    I hope you can view these links. If not the website url has been included.

    Thank you.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 14, 2016 at 10:51

    Hello,

    I’ve added this code in Global Custom CSS. Please check it.

    body {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    Regards,
    Robert Hall

    Avatar: Michaela
    Michaela
    Participant
    June 14, 2016 at 11:46

    Hi Robert,

    No this didn’t work unfortunately, any other leads?

    Thank you.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 14, 2016 at 12:19

    Hello,

    It’s working for the text.
    Please clarify us with more details where exactly you want to aplly the Helvetica font and show us screenshot.

    Regards,
    Robert Hall

    Avatar: Michaela
    Michaela
    Participant
    June 15, 2016 at 09:23

    Hello,

    Unfortunately all of the text on my site has changed to a serif fault font from the theme. I need all of my headlines, sub text and body copy set as Helvetica. The code isn’t working for me anymore. Can you please help ASAP?

    Example of text x 2 examples:
    https://www.dropbox.com/s/v1unmkbci83rtme/Screen%20Shot%202016-06-15%20at%205.49.42%20pm.png?dl=0

    https://www.dropbox.com/s/vf1q6fincs7ykj2/Screen%20Shot%202016-06-15%20at%205.49.56%20pm.png?dl=0

    Also can you please help me make the Phone field wider like the others – there are two forms, see below:

    Phone contact form field needs to wider like the others:

    Request a quote form:
    https://www.dropbox.com/s/z9cp364qsnf91px/Screen%20Shot%202016-06-15%20at%205.42.23%20pm.png?dl=0

    Trade registration:
    https://www.dropbox.com/s/t6vnt7j9uyfs1uf/Screen%20Shot%202016-06-15%20at%205.42.39%20pm.png?dl=0

    My site details have been provided too.
    Hope you can help ASAP.
    Thank you for your help.

    Please, contact administrator
    for this information.
    Avatar: Michaela
    Michaela
    Participant
    June 15, 2016 at 13:17

    Hello,

    I am really hoping you can assist with the above post. I hope it’s an easy fix.

    Thank you so much.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 15, 2016 at 14:14

    Hello,

    What browser are you using? Please clear browser cache and check the issue.
    See screenshot from my side:
    https://gyazo.com/5cc7b224515d9571611053161347c637
    https://gyazo.com/eaa1d16a44ff3816db3e979e3d1cd78f

    Also I’ve added this code in Global Custom CSS. Please check the phone field now.

    .wpcf7-tel{
    width:100%;
    }

    Regards,
    Robert Hall

    Avatar: Michaela
    Michaela
    Participant
    June 16, 2016 at 01:58

    Hello,

    Unfortunately all of the text on my site has changed back to a serif fault font from the Royal theme. I need all of my headlines, sub text and body copy set as Helvetica. The code isn’t working for me anymore. Can you please help ASAP?

    Example of text x 2 examples:
    https://www.dropbox.com/s/v1unmkbci83rtme/Screen%20Shot%202016-06-15%20at%205.49.42%20pm.png?dl=0

    https://www.dropbox.com/s/vf1q6fincs7ykj2/Screen%20Shot%202016-06-15%20at%205.49.56%20pm.png?dl=0

    Please help.
    Thank you.

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 16, 2016 at 08:50

    Hello,

    I’ve changed code in Global Custom CSS. Please check the font now.

    Regards,
    Robert Hall

    Avatar: Michaela
    Michaela
    Participant
    June 16, 2016 at 09:14

    Hi Robert,

    Thank you I was going to start resetting as font arial. Unfortunately I have cleared my cache for Firefox and the same issue is occurring??? any other suggestions?

    Browser Chrome is fine – so a tick

    Browser Safari has blue text as shown in link below:
    https://www.dropbox.com/s/gjoqcyejwf2yhkp/Screen%20Shot%202016-06-16%20at%205.36.26%20pm.png?dl=0

    Hope you can help.
    Thank you.

    Please, contact administrator
    for this information.
  • 1 2 3 4 5
    Viewing 20 results - 1 through 20 (of 87 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.