10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

How best to adjust line width in posts?

by blisters
9 replies
  • WEB DESIGN
    • |
I wanted to reduce the line width of text in my posts and
was recommended the following:

.single .entry-content >*
{
max-width: 600px;
margin-left: auto
margin-right: auto;
}

It works fine except for bullet points and numbered lists, which start at one
character to the left of the left margin and won't let me indent them.
Any advice to fix this please?
Thanks in advance.
#adjust #line #posts #width
Avatar of Unregistered
  • Profile picture of the author Jared Goss
    Post a link to the site and I can take a look if you like.
    {{ DiscussionBoard.errors[11311868].message }}
    • Profile picture of the author blisters
      Hi Jared! I commented out the 'margin-left: auto' line so I could get the bullet points to behave. I'd be interested to know of any solution that would let me put the text back near the middle of the page though:

      https://wordsbyjustin.com/how-to-fin...logging-niche/

      Thanks, Justin
      {{ DiscussionBoard.errors[11312485].message }}
      • Profile picture of the author Jared Goss
        Looks like you already have the CSS in there for it:

        .entry-content ol {
        margin-left: 40px;
        }

        You can increase or decrease that margin number as you desire or change it to a percentage or a calc() to help adjust as screen width changes.

        Good luck
        {{ DiscussionBoard.errors[11312836].message }}
        • Profile picture of the author blisters
          Thanks Jared, but that didn't make any difference to how it appears

          Maybe CSS isn't enough to do the trick ?
          {{ DiscussionBoard.errors[11313064].message }}
  • Profile picture of the author Jared Goss
    Are you changing the orgional css or overwriting it? If the latter, you might need to use !important. But that is the class and element that you want to adjust to do what you are looking to do.
    {{ DiscussionBoard.errors[11313630].message }}
    • Profile picture of the author blisters
      Hi Jared - I'm putting the CSS in 'Additional CSS' in my WordPress Dashboard. Not familiar with !important (only a CSS noob) so I'll check that one out - thanks!
      {{ DiscussionBoard.errors[11314921].message }}
  • Profile picture of the author rida46
    You can have to check it on w3schools
    {{ DiscussionBoard.errors[11314362].message }}
  • Profile picture of the author blisters
    Hi Jared - I'm putting the CSS in 'Additional CSS' in my WordPress Dashboard. Not familiar with !important (only a CSS noob) so I'll check that one out - thanks!
    {{ DiscussionBoard.errors[11314919].message }}
    • Profile picture of the author Jared Goss
      .entry-content ol {
      margin-left: 40px !important;
      }

      This will overwrite any of the theme's CSS.
      {{ DiscussionBoard.errors[11315039].message }}
Avatar of Unregistered

Trending Topics