Text Margins

stvincentshpsc1 · Member · Apr 24, 2019 at 12:27 pm
Copy link

Add topic to favorites
Hi,

I’m trying to change the text alignment on my site so it is more spread out.

I have tried to do this through the page editor by selecting “full width” but this then had no margin at all and looked worse.

I have used ccs to change the top and bottom margins but can’t seem to figure out how to do it at the sides?

Thanks,
Lucy

The blog I need help with is: (visible only to logged in users)
khushbudesaiblog · Member · Apr 24, 2019 at 1:26 pm
Copy link
Hi @

PUT BELOW CSS IN TO MY SITES > CUSTOMISE > ADDITIONAL CSS

.entry-content {
width: 1000px; //Increase width as per your requirement
}

below is a screenshot
https://imgur.com/a/xEmzcMb

I hope this what you want. If anything else please post here. I will be happy to assist you
gemmacevans · Member · Apr 24, 2019 at 1:30 pm
Copy link
Hi Lucy,

Just to check I’ve understood correctly — do you want to increase the width of the content area on posts and pages?

I noticed the Services page has less space at the top of the content (compared to the other pages). Are you looking to reduce the amount of space above and below the the content area too?

Once I know for sure, I’ll be happy to look at some CSS with you. Your plan includes direct support so you’re welcome to start a chat if you prefer.
stvincentshpsc1 · Member · Apr 24, 2019 at 1:43 pm
Copy link
Thanks very much, that helped!
stvincentshpsc1 · Member · Apr 24, 2019 at 1:44 pm
Copy link
I’ve corrected the space at the sides but as you mentioned the space top and bottom are uneven, how can I fix this?

It also affects it when on a mobile.
staff-zinnia · Staff · Apr 24, 2019 at 2:29 pm
Copy link
Howdy –

I’m looking at the Services page. One thing to note is that the chat bot pop up displays over your cookie banner. I can’t actually click to accept cookies because it is covered by that chat plugin.

Are we looking at the narrow spacing between the featured image on the Services page and where the page title appears? The About page looks the same as well.

You can use some CSS like this to add more padding there:
```
.wf-active h1 {
padding-top: 50px;
}
```
khushbudesaiblog · Member · Apr 24, 2019 at 2:29 pm
Copy link
Hi there,

To correct space at top and bottom of the content, change padding for top and bottom as per below code.

.entry-header {
padding: 50px 0;
padding-top: 50px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
}

For Service Page, You have placed title there. Soo you can apply css code for entry title

.entry-title {
padding-top: 20px;
padding-bottom: 20px;
}

I hope it helps
stvincentshpsc1 · Member · Apr 26, 2019 at 10:52 am
Copy link
Thank you that’s a big help!

There still isn’t space between the text and where the Twitter feed starts on a mobile device?

Another thing is the contact form doesn’t display the text on the submit button?

Thanks,
Lucy
khushbudesaiblog · Member · Apr 29, 2019 at 9:53 am
Copy link
Hi there,

There still isn’t space between the text and where the Twitter feed starts on a mobile device?

I can see a space between the text and twitter feeds. Could you provide a screenshot?

Another thing is the contact form doesn’t display the text on the submit button?

PLEASE PUT BELOW CSS IN TO MY SITES > CUSTOMISE > ADDITIONAL CSS
.button
{
color: #ffffff;
}
gemmacevans · Member · Apr 29, 2019 at 10:40 am
Copy link
Hi stvincentshpsc1,

Like @khushbudesaiblog, I’m also seeing space between the content and the Twitter feed in the footer:

https://cloudup.com/cG8PPwymiKX

Did you manage to get this sorted in the end?

Another thing is the contact form doesn’t display the text on the submit button?

The CSS @khushbudesaiblog shared above will change the text colour across all buttons on the site. If you only want to make this change to the submit button on the contact form, this CSS should help:
```
.contact-submit .pushbutton-wide {
      color: #ffffff;
{
```
Let us know how you get on.
stvincentshpsc1 · Member · Apr 29, 2019 at 10:57 am
Copy link
Great that worked, thank you!

It’s only when viewing on a mobile, see screenshot. The line that separates the feed is in between the charity logos.

https://imgur.com/EqZ2RaP

It looks fine on a desktop.

Thanks,
Lucy

No items found.