Return to previous page

Contact form won't go the full width

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

Michaela

Participant

June 16, 2016 at 12:31

Hi,

I need to make Helvetica work and need the site compatible with all browsers. Can you please check by opening this site in Firefox and Safari. Information in above post. Chrome is ok.

I am quite concerned about this font issue and hope it can be resolved.

Thank you.

Please, contact administrator
for this information.

#129906 Copied

Robert Hall

Support staff

June 16, 2016 at 12:31

Hello,

Please try it now. Don’t forget to clear all cache.

Regards,
Robert Hall

#129907 Copied

Michaela

Participant

June 16, 2016 at 13:06

Hi Robert,

Thank you so much we are getting there. The font weight differences vary considerably different between browsers is there any way of fixing this. This shouldn’t occur ?

Chrome:
https://www.dropbox.com/s/wgi7dzb6a788z6j/Screen%20Shot%202016-06-16%20at%209.11.28%20pm.png?dl=0

Firefox:
https://www.dropbox.com/s/3kcdc0t90u1xmpp/Screen%20Shot%202016-06-16%20at%209.12.10%20pm.png?dl=0

Also, there is a problem with Safari – why does the blue text occur?
https://www.dropbox.com/s/o4ukyl2uzaq81q0/Screen%20Shot%202016-06-16%20at%209.21.53%20pm.png?dl=0

Appreciate the help.
Thanks again.

Please, contact administrator
for this information.

#129915 Copied

Robert Hall

Support staff

June 16, 2016 at 13:30

As I see you’ve added the font-weight value 800 for each elements and titles also – http://prntscr.com/bh34of

Please set on 600 then check difference beetwen Chrome and Firefox browsers.

Also I’ve checked site in Safari browser and there is no issue with blue text. See screenshot: http://prntscr.com/bh360v

Regards,
Robert Hall

#129921 Copied

Michaela

Participant

June 17, 2016 at 09:06

Thank you my fonts are working now. awesome.

Can you please help remove the white panel below my ‘Testimonials’ I would like this white strip to be the same as the grey shown on my home page? I can’t figure it out.

Also is it possible to add a link to the PRIVACY POLICY in my footer copyright section. I need to link it to a separate page. Is there any easy way using the text widget?

Link below:
https://www.dropbox.com/s/4adme11lr0b5468/Screen%20Shot%202016-06-17%20at%205.02.48%20pm.png?dl=0

Thank you so much.

Please, contact administrator
for this information.

#130055 Copied
Eva Kemp

Support staff

June 17, 2016 at 10:01
Hello,

To remove white space add this code in Global Custom CSS:
```
.page-content {
    margin-bottom: 0px;
}
```
To add link you need edit your text widget in Appearance > Widgets and write this code:
<a href="http://your_page_url">Privacy Policy</a>

Regards,
Eva Kemp.
#130070 Copied
Michaela

Participant

June 20, 2016 at 09:39

Hello,

Thank you. I am getting there with this site and thank your team at Eight Theme in assisting me through my first ever WordPress site.

So I have some smaller queries:
Firstly half my text (pink text below darker just above button) from my slider revolution is shrinking on my mobile. I am thinking my size and line break code is incorrect. I have provided you with my WordPress details to have a look.
https://www.dropbox.com/s/mom89qgax09ls3h/IMG_2276.jpg?dl=0

It should look like this:
https://www.dropbox.com/s/2pw9w6x26lf98bq/Screen%20Shot%202016-06-20%20at%206.05.18%20pm.png?dl=0

Also, I would like to space down or line break the word ‘team’ and ‘No’ etc. in the below paragraphs:
https://www.dropbox.com/s/hjhpax0j6w20ba5/Screen%20Shot%202016-06-20%20at%205.45.11%20pm.png?dl=0

but still want the text to flow when viewed on a mobile. The below happens on a mobile when I hard return the copy. Is there a way around this?
https://www.dropbox.com/s/y92y2cacgp9o1gb/Screen%20Shot%202016-06-20%20at%205.18.07%20pm.png?dl=0

Also, I need to change the colour of the ‘Privacy Policy’ to the same colour of the grey copyright text with a pink roll over? I also need to add a space between ‘privacy policy’ and the copyright information? see below:

My social media icons go vertical when I shrink to mobile view, is there code which keeps these icons in a horizontal line on all devices?
https://www.dropbox.com/s/0fm22yavhq0i21u/Screen%20Shot%202016-06-20%20at%205.14.43%20pm.png?dl=0

Thank you so much.

Please, contact administrator
for this information.

#130256 Copied Theme version: RoyalStore v 0.0.1 - Doctor

Michaela

Participant

June 21, 2016 at 09:20

Hello,

I hope you can help with the below.

So I have some smaller queries:
Firstly half my text (pink text below darker just above button) from my slider revolution is shrinking on my mobile. I am thinking my size and line break code is incorrect. I have provided you with my WordPress details to have a look.
https://www.dropbox.com/s/mom89qgax09ls3h/IMG_2276.jpg?dl=0

It should look like this:
https://www.dropbox.com/s/2pw9w6x26lf98bq/Screen%20Shot%202016-06-20%20at%206.05.18%20pm.png?dl=0

Also, I would like to space down or line break the word ‘team’ and ‘No’ etc. in the below paragraphs:
https://www.dropbox.com/s/hjhpax0j6w20ba5/Screen%20Shot%202016-06-20%20at%205.45.11%20pm.png?dl=0

but still want the text to flow when viewed on a mobile. The below happens on a mobile when I hard return the copy. Is there a way around this?
https://www.dropbox.com/s/y92y2cacgp9o1gb/Screen%20Shot%202016-06-20%20at%205.18.07%20pm.png?dl=0

Also, I need to change the colour of the ‘Privacy Policy’ to the same colour of the grey copyright text with a pink roll over? I also need to add a space between ‘privacy policy’ and the copyright information? see below:

My social media icons go vertical when I shrink to mobile view, is there code which keeps these icons in a horizontal line on all devices?
https://www.dropbox.com/s/0fm22yavhq0i21u/Screen%20Shot%202016-06-20%20at%205.14.43%20pm.png?dl=0

Thank you so much.

Please, contact administrator
for this information.

#130370 Copied Theme version: RoyalStore v 0.0.1 - Doctor
Jack Richardson

Support staff

June 21, 2016 at 10:16
Hello,

1. We recommend you to create each text line as a separate layer and not write all text in one layer.

2.

Also, I would like to space down or line break the word ‘team’ and ‘No’ etc. in the below paragraphs

Please mark on the screenshot what exactly needs to be modified.

3. Add this code in Global Custom CSS:
```
.copyright-3 .textwidget a {
    color: #787878;
}
.copyright-3 .textwidget a:hover {
    color: pink;
}
```
4. Add this code in Custom CSS for mobile:
```
.aps-each-icon a {
    display: inline-block;
}
.aps-each-icon {
    display: initial !important;
}
```
Best regards,
Jack Richardson.
#130385 Copied
Michaela

Participant

June 21, 2016 at 12:54

Thank you.

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:

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

I have also marked the turnover words in my body copy. I would like to make these turnovers through all of my text to get rid of orphans and widows etc. but it creates huge gaps in the mobile view. Is there code for this that I can use to prevent this from happening:

https://www.dropbox.com/s/vrdzxcl06kimtss/turn%20overs.png?dl=0

Thank you.

Please, contact administrator
for this information.

#130413 Copied Theme version: RoyalStore v 0.0.1 - Doctor

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.

#130422 Copied

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.

#130554 Copied Theme version: RoyalStore v 0.0.1 - Doctor
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.
#130615 Copied
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.

#131174 Copied Theme version: RoyalStore v 0.0.1 - Doctor
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.
#131240 Copied
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.

#131812 Copied Theme version: RoyalStore v 0.0.1 - Doctor
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.
#131824 Copied
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.

#132332 Copied Theme version: RoyalStore v 0.0.1 - Doctor
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.
#132338 Copied
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.

#132531 Copied Theme version: RoyalStore v 0.0.1 - Doctor
1 2 3 4 5

Viewing 40 results - 21 through 40 (of 87 total)