Contact form won't go the full width

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

  • Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 21, 2016 at 13:09

    Hello,

    As I see you’ve not created separate layers in a slide for your text.
    Please try to divide the text into individual text layers as I told you in the previous post.

    You need edit your text element and add <br> tag after the word where you want to space down http://storage7.static.itmages.com/i/16/0621/h_1466510951_8851186_864106bbec.jpeg .

    Best regards,
    Jack Richardson.

    Avatar: Michaela
    Michaela
    Participant
    June 22, 2016 at 05:40

    Hello,

    Thank you I will be bale to get my text working.

    I have marked the below. My text is shrinking on the mobile view in slider revolution and there is a huge white gap between the slider and text. Can you help me fix this, see below:

    https://www.dropbox.com/s/gd7irem1ssneivj/slider%20and%20space.jpg?dl=0

    Thank you.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 22, 2016 at 11:43

    Hello,

    Try to use this code in Custom CSS for mobile section:

    .rev_slider .tp-mask-wrap span {
        font-size: 15px !important;
    }
    .page-content, .content-page {
       margin-top: 0px;
    }
    .page-heading-slider .wpb_revslider_element {
       margin-bottom: 0 !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: Michaela
    Michaela
    Participant
    June 27, 2016 at 10:16

    Hi,

    Can you please help with my text bullets. When I bullet my body copy I lose my colour and they turn to black. Can you please help with the correct code? Examples below:

    https://www.dropbox.com/s/2disr39z36i355r/Screen%20Shot%202016-06-27%20at%206.31.28%20pm.png?dl=0

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

    Here is another example of dot points and could you please help with the line spacing code. As you can see the spacing between ‘We’ve and Plumbers’ is larger than the line spacing between ‘Home Stylists and the word ‘Can’t’?

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

    Lastly can you please help me centre the social media icons in example below?

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

    That’s it. Thank you so much I have a deadline soon, so hope you can help ASAP.

    Thanks again.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 27, 2016 at 15:03

    Hello,

    Can you please help with my text bullets. When I bullet my body copy I lose my colour and they turn to black.

    Use this css code in Theme Options > Custom CSS > Global Custom CSS section:

    .content li {
        color: #767676 !important;
    }

    Here is another example of dot points and could you please help with the line spacing code. As you can see the spacing between ‘We’ve and Plumbers’ is larger than the line spacing between ‘Home Stylists and the word ‘Can’t’?

    Try the following css code:

    .content ul {
        margin-bottom: 20px !important;
    }

    Lastly can you please help me centre the social media icons in example below?

    Please use the css code:

    .page-id-22382 .aps-social-icon-wrapper {
        text-align: center;
    }

    Best regards,
    Jack Richardson.

    Avatar: Michaela
    Michaela
    Participant
    June 30, 2016 at 07:39

    Hello,

    Unfortunately my text on the RHS of my ‘Free Registration’ menu page is another font and should be Helvetica? Can you help? See below:

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

    Also, my Services headlines should be black like my About menu page. The first link is the ‘About’ page example and the other two are my services headlines on my ‘Home’ page and ‘Service’ menu option which should be black. See below:

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

    https://www.dropbox.com/s/2u0rdt41g5htnao/Screen%20Shot%202016-06-30%20at%203.52.31%20pm.png?dl=0

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

    Also, I need to space down words in my body text throughout the site to get rid of orphans and widows. If I use the ( <br> ) code it fixes the issue on my desktop but breaks up all of the text on my mobile. How do I fix this? is there mobile specific code to override the ( <br> ) code on mobile and ipad?? Hope there is a solution??

    Thank you for your help.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 30, 2016 at 08:29

    Hello,

    As I see, the text of that page is already correct http://prntscr.com/bmx51n.
    To change the color of the headlines, please, insert this text in Theme Options > Custom CSS > Global Custom CSS:

    .vc_row.wpb_row.vc_row-fluid h1 {
     	color: #333;
    }
    .smile_icon_list.top li .icon_description h1 {
      	color: #333;
    }

    You can use <br> to remove it on mobile. Please add this code in Theme Options > Custom CSS > Custom CSS for mobile landscape and Custom CSS for mobile

    br{
            display: none;
    }

    Regards,
    Rose Tyler.

    Avatar: Michaela
    Michaela
    Participant
    July 4, 2016 at 10:37

    Hello,

    Is it possible to add a space above all headings in mobile view? I have provided a link and example below:

    https://www.dropbox.com/s/94mczasar29ltiu/IMG_2288.jpg?dl=0

    Also, can you please help me centre ‘Julie Westerik’ on one line ‘Mobile: XXXXX’ centred on a second line and the ‘share icons’ centred on a third line. Mobile view only?

    https://www.dropbox.com/s/e1suxo91h3awtrd/IMG_2289.jpg?dl=0

    Thank you.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 4, 2016 at 11:06

    Hello,

    Please add this code in Theme Options > Custom CSS > Custom CSS for mobile:

    .page-id-22382 .aps-social-icon-wrapper {
        text-align: center;
    }
    .page-id-22382 p:nth-child(1) {
        text-align: center !important;
    }

    And remove:

    .page-content, .content-page {
       margin-top: 0px; //or put another meaning here, for example 15px
    }

    in your Custom CSS for mobile.

    Regards,
    Rose Tyler.

    Avatar: Michaela
    Michaela
    Participant
    July 5, 2016 at 10:29

    Hello,

    Thank you. Unfortunately the mobile text is still broken on mobile view:

    https://www.dropbox.com/s/v0tehpzhvoibttx/IMG_2290.jpg?dl=0

    And can you please help? my italic text is a lighter font weight in Google Chrome?

    https://www.dropbox.com/s/tqtkdqqnt5we26m/Screen%20Shot%202016-07-05%20at%206.48.03%20pm.png?dl=0

    Thank you.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2016 at 11:01

    Hello,

    You’re welcome!
    In

    .page-id-22382 p:nth-child(1) { 
       text-align: center !important; 
    }

    Add: font-size: 19px !important;

    Also you can add this code for the text:

    .vc_row.wpb_row.vc_row-fluid h1 em {
      font-weight: 900 !important;
    }

    Regards,
    Rose Tyler.

    Avatar: Michaela
    Michaela
    Participant
    July 7, 2016 at 07:13

    Hello Rose,

    Unfortunately the above code didn’t work?? and can you be more specific as to where to paste it?

    Unfortunately the mobile text is still broken on mobile view:

    https://www.dropbox.com/s/v0tehpzhvoibttx/IMG_2290.jpg?dl=0

    And can you please help? my italic text is a lighter font weight in Google Chrome?

    https://www.dropbox.com/s/tqtkdqqnt5we26m/Screen%20Shot%202016-07-05%20at%206.48.03%20pm.png?dl=0

    I provided my login details in the original post – to have a look internally.

    Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 7, 2016 at 07:29

    Hello,

    I’ve added this code in Theme Options->Custom CSS. Clear browser cache and check the page now.

    .vc_row.wpb_row.vc_row-fluid h1 em {
      font-weight: 900 !important;
    }
    .page-id-22382 p:nth-child(1) { 
       font-size: 19px !important;
    }

    Regards,
    Rose Tyler.

    Avatar: Michaela
    Michaela
    Participant
    July 7, 2016 at 08:20

    Hello,

    Another white line has appeared above the footer as shown below. Can you help remove this:

    https://www.dropbox.com/s/3w61ybpc28blvap/Screen%20Shot%202016-07-07%20at%204.06.56%20pm.png?dl=0

    Thank you.

    Avatar: Michaela
    Michaela
    Participant
    July 7, 2016 at 08:25

    Hello,

    Thank you but have fixed the white space issue above.

    Thanks again.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 7, 2016 at 08:30

    Hello,

    You’re welcome!

    Regards,
    Rose Tyler.

    Avatar: Michaela
    Michaela
    Participant
    July 7, 2016 at 10:44

    Thank you Rose,

    The Google Chrome issue is fixed but still have an issue with the mobile view. Is it possible to space down ‘MOBILE: 0417 859 146’ so it sits below ‘JULIE WESTERIK’.

    https://www.dropbox.com/s/v0tehpzhvoibttx/IMG_2290.jpg?dl=0

    Thanks again.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 7, 2016 at 10:59

    Hello,

    I changed the font size. Please check now.

    Regards,
    Rose Tyler.

    Avatar: Michaela
    Michaela
    Participant
    July 12, 2016 at 14:16

    Hello,

    My ‘Slider Revolution’ stops when I scroll down on my home page. When I return to the top it stops mid way – I have three transitions between three images. Is there a setting I’ve missed to prevent this from happening?

    Please help?? I hope this can be fixed.

    Login details provided.

    Thank you 🙂

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 12, 2016 at 15:44

    Hello,

    Please clear browser cache and check slider now.

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    July 19, 2016 at 09:04

    Hello,

    Just a quick question … I need to check the security settings in WordPress from hackers and scammers? Being a 4 and half (5 star) rating does this mean ‘Eight theme’ has strcit security settings?

    Also to reduce spam, I need a bot checker (blocker) on my forms. Does ‘Contact Forms’ provide this setting?

    Thank you.

    Avatar: Eva
    Eva Kemp
    Support staff
    July 19, 2016 at 09:29

    Hello,

    Our theme code doesn’t have any vulnerabilities.
    Concerning security you can contact your hosting provider support.
    Also read these articles:
    https://www.siteground.com/tutorials/wordpress/wordpress_security.htm
    https://hostingfacts.com/how-to-secure-wordpress/
    https://www.sitepoint.com/tips-to-secure-wordpress/

    As for contact form, as I see you’re using Contact Form 7 plugin, then refer to this article how to add Captcha:
    http://contactform7.com/recaptcha/

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    July 20, 2016 at 09:50

    Hello,

    I need to make the text and rollover of the mobile number and the email address a different colour, as shown below. I need the text to be white and the rollover pink? Can you please help with the right code?

    https://www.dropbox.com/s/4o2cmvab3p2fy2x/Screen%20Shot%202016-07-20%20at%205.32.10%20pm.png?dl=0

    Also my slider needs to be formatted to mobile view. My text isn’t breaking down as shown in the links. It needs to be set exactly like the desktop view. Can you help with the right code?

    https://www.dropbox.com/s/o5uu1yq43djuovc/IMG_2323.jpg?dl=0

    https://www.dropbox.com/s/h8h73vz8su11eg5/IMG_2324%20%281%29.jpg?dl=0

    Thank you so much.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 20, 2016 at 12:05

    Hello,

    Please use this code in Global Custom CSS section:

    .wpb_text_column a {
        color: white !important;
    }
    .wpb_text_column a:hover {
        color: pink !important;
    }

    I’ve changed slider settings for mobile layout:
    http://prntscr.com/bv700y

    Check it now.

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    July 21, 2016 at 11:42

    Thank you.

    Unfortunately when I view on my mobile the text doesn’t stack like it does on my desktop. Can you please check this?

    And the image doesn’t show on the the first view or transition as shown below? Can please help me fix this issue.

    https://www.dropbox.com/s/o5uu1yq43djuovc/IMG_2323.jpg?dl=0

    Thanks again.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 21, 2016 at 11:49

    Hello,

    Slider is working fine on my side http://prntscr.com/bvmrty .
    What mobile device are you using?

    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    July 21, 2016 at 12:06

    Hello,

    I have used this code for the mobile view which has eliminated breaking in my copy.

    br{
    display: none;
    }

    Is there code for tablet which will fix the same issue.

    Nearly there. Thanks so much.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 21, 2016 at 12:46

    Hello,

    Please show a screenshot what you want to fix for tablet view.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Michaela
    Michaela
    Participant
    July 22, 2016 at 09:55

    Hello,

    The text breaks so I need to remove <br> on the ipad view similar to the code placed in the mobile CSS area such as:

    br{
    display: none;
    }

    Here is the link of broken text example:
    https://www.dropbox.com/s/yd5fndbgg1wbka3/IMG_0145.jpg?dl=0

    Below is an indication of the top menu which breaks down the ‘tradie registration’ menu item which I need to fix when it scrolls down on the home page – the next link is the preferred layout of the main menu bar:
    https://www.dropbox.com/s/yd5fndbgg1wbka3/IMG_0145.jpg?dl=0

    This is an example of the top main menu setting I would prefer:
    https://www.dropbox.com/s/7jcsvcsc4hjkix8/IMG_0146.jpg?dl=0

    Also below is a snaphot of desktop view and what I need the mobile slider banner to look like. The text is stacked above the buttons? Can you help.
    https://www.dropbox.com/s/f2pmcmvxxhgrd93/Screen%20Shot%202016-07-22%20at%205.51.03%20pm.png?dl=0

    Also on the mobile view the first image is blank as seen below, why is this happening?
    https://www.dropbox.com/s/o5uu1yq43djuovc/IMG_2323.jpg?dl=0

    These are my final tweaks I hope you can assist.

    Thank you.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 22, 2016 at 11:15

    Hello,

    I added the code to your Custom CSS.
    For text on the slide, see screenshot http://prntscr.com/bw2gko

    Regards,
    Rose Tyler.

  • 1 2 3
    Viewing 60 results - 31 through 60 (of 87 total)

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

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