Changing the Margins using CSS in a blog post

Support
#1

I have recently been using blogs to display some of my content

How do i change the margins to bring the text in tighter a little.
Also, I don’t want this to impact the mobile version of this webpage, only the desktop version
Thank You,
Kind Regards

#2

Hi @TheRetold,

Thanks for writing in.

To adjust the text spacing of your fonts… Add this in your custom CSS:

.single .entry-content span{
letter-spacing:-1px;
}

To change font family in your mobile, add this in your custom CSS:

@media (max-width: 979px){
.single .entry-content span{
font-family: 'book antiqua', palatino, serif;
}
}

Let us know how it goes.

Thanks. :slight_smile:

#3

Apologies, There seems to be some confusion
I want to emulate this on my blog posts

for this to happen i used the inline CSS;
max-width: 700px; margin:

How do i emulate this on the text of all of my blog posts but not on the photos that are in the blogs
Thanks

#4

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#5

https://theretold.com/2017/08/21/is-perfection-preventing-the-productivity-of-learnerss-2/

Just looking to change the text margins or padding to look like the image in the above post
But not wanting it to affect the images in the post or effect how it looks on mobile devices
Thanks for your help

#6

Hi,

You can try this code instead.

.single-post .entry-header,
.single-post .entry-content {
    max-width: 600px;
    margin: 0 auto;
}

You may change 600px to your desired width.

Thanks