WordPress.com Forums » Topic: text aligned to far to left of margin, what is the code to change this in css? http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css WordPress.com Forums » Topic: text aligned to far to left of margin, what is the code to change this in css? en Sat, 25 May 2013 23:32:37 +0000 http://bbpress.org/?v=1.1-alpha-2539 macmanx on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-869094 Fri, 20 Apr 2012 23:01:45 +0000 macmanx 869094@http://en.forums.wordpress.com/ They're still numbers, but the numbers themselves are hanging over the content edge, leaving just the decimals behind.

Try increasing the margin-left on .post-content ol to 25px.

]]> markjagdev on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-869078 Fri, 20 Apr 2012 22:40:45 +0000 markjagdev 869078@http://en.forums.wordpress.com/ Everything seemingly works good now except... the numbers on the about page are replaced with bullet points and they need to be indented see here: http://evolutionarycities.com/about/

]]> macmanx on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-868922 Fri, 20 Apr 2012 19:56:28 +0000 macmanx 868922@http://en.forums.wordpress.com/ Instead of the whole ".iframe" section above, try just this:

iframe {
    margin-left: -7px;
}

Instead of the whole ".post-content ul li" section above, try just this:

.post-content ul {
    margin-left: 10px;
}

and:

.post-content ol {
    margin-left: 10px;
}

Adjust the px amount as necessary.

]]> markjagdev on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-868596 Fri, 20 Apr 2012 10:30:16 +0000 markjagdev 868596@http://en.forums.wordpress.com/ Hi Kardotim,

Using your code the prezi here: http://evolutionarycities.com/about/
--> is still no change and indented by the same amount as the body text - even when I change the -7px to -1 or even down to 0px

The numbered text now indents to the left but only for headings i.e. see the headings here: http://evolutionarycities.com/services/ as opposed to the numbers in the body text at the bottom of the page here: http://evolutionarycities.com/about/

The bullet points now don't show up at all.. see here for the last two sentences that are meant to be bullet pointed: http://evolutionarycities.com/cities-of-the-future/

Can you re-write the code for what you have suggested so far so I don't keep adding amended versions of code on top of what you have already given me? I can then just replace what you have given me with something that works, is that possible?

]]> kardotim on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-868551 Fri, 20 Apr 2012 08:42:27 +0000 kardotim 868551@http://en.forums.wordpress.com/ The CSS code below should center your prezi slider a bit.
iframe {
z-index: 0;
margin-left: -7px;
}

And use this part to fix your bullet points.

.post-content ul li {
background: url(images/bullet.jpg) top left no-repeat;
padding: 0 0 0 15px;
margin-left: 10px;
}

As you can see I added margin-left to increase or decrease the margin position. Feel free to adjust this number to change the position.

]]> markjagdev on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-868438 Fri, 20 Apr 2012 01:32:49 +0000 markjagdev 868438@http://en.forums.wordpress.com/ Thanks Kardotim,

I just got the time to try out your guidance. It has worked but their are a few challenges. If you look at this page: http://evolutionarycities.com/about/

.. you will see that the prezi is also slightly to the left which is something I don't want, the right side of the prezi now overflows off the shadowed/opaque background. I need css code that will only indent the text including the numbers and bullet points.

The numbers, on the page I link to above, and bullet points i.e. at the bottom of this page: http://evolutionarycities.com/cities-of-the-future/ --> don't get indented.

Please help! :)

Thank You.
mark

]]> kardotim on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-866952 Wed, 18 Apr 2012 11:02:15 +0000 kardotim 866952@http://en.forums.wordpress.com/ Please try to add this CSS code into your CSS editor.

p, fieldset, table {
margin-bottom: 15px;
margin-left: 10px;
}

div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
clear: both;
margin-left: 10px;
}
.wf-active h3 {
font-size: 16px;
margin-left: 10px;
}
]]> markjagdev on "text aligned to far to left of margin, what is the code to change this in css?" http://en.forums.wordpress.com/topic/text-aligned-to-far-to-left-of-margin-what-is-the-code-to-change-this-in-css#post-866765 Wed, 18 Apr 2012 02:21:14 +0000 markjagdev 866765@http://en.forums.wordpress.com/ Hi guys,

All my text that I write in the text editor appears right to the edge of the left margin on all pages. See this example: http://evolutionarycities.com/services/

Is there some css code that can help indent all text so it sits slightly to the right of the left edge of the dimmed back panel?

Thanks for all your help in advance.
mark
Blog url: http://evolutionarycities.wordpress.com/

]]>