first paragraph never justifies in columns short code setting.

  • ejwickes

    (@ejwickes)


    11 years, 10 months ago

    Since it won’t let me edit, here’s another example of both issues on the same page. Sorry for the additional posts. Every time I hit edit it sends me back to enter a new post.

    The page examples are at:
    http://themetamodern.com/sample-page/

    The issue once again is: First paragraph never justifies after entering columns short code in 2014 theme. The first example is showing that. As you see the top lines of both columns are level, but first paragraph is not justified. Tried setting all text at once and then did every paragraph individually. Either way, no change.

    Second example shows all paragraphs justified, but first column is lower than second column. I moved the text down a space from first “columnize” short code, got total justification, but now a stair step effect to second column.

    Also: Having difficulty with headers and quotes altering surrounding text and changing other text formatting as well.

    Any advice is appreciated. Thank you for your consideration,
    Eric

Viewing 4 replies - 1 through 4 (of 4 total)
  • RossMitchell

    (@rossmitchell)

    11 years, 10 months ago

    Thankyou for posting such a comprehensive problem description. It is so much easier to help people who help themselves.

    The first paragraph which does not justified is NOT in a <p> block.
    The other paragraphs do have: <p style=”text-align: justify;”> driving inline styling.

    The next block, which has a justified paragraph starting “To define” has an EMPTY <p> </p> block above it.

    Suggest that you install a browser inspector like firebug, it shows you how your html is formed and how your css is working.

    Suggest that you remove your facebook and twitter social media untill they actually work.

    Thread Starter ejwickes

    (@ejwickes)

    11 years, 10 months ago

    Okay!

    I know, some elements are there for layout and design purposes until I get my design tuned.
    It took me a minute to see, but got the justification to work. Ross helps those who help themselves.
    Now it’s on to removing the separator line between columns.

    If this is something that I should start a new topic on, let me know. I don’t want to be out of line here. I’m still a virgin to WordPress Forum etiquette. I tracked down the css for that and it’s one huge paragraph of code! But within that I found this,(below) but not as neatly formatted as “elements” copy below, or “Firebug” which I got only because I thought firebug allowed you to actually edit the css right from there. It’s tough locating some of those style sheets. I thought I had it in the css, but there’s three items that refer color. I changed the one in “elements” that showed me a change on the site, but two out of three are crossed out(in “elements” view). Hex code is #e5e5e5 grey. Want to change to #fff white, or should it be #ffffff? I see it both ways from different sources. I thought I had successfully made the change after a “refresh” but later it was back. I know, so many questions, so little time…or do I just set them all to “none”? I’m almost finished totally changing the original appearance of 2014 with great perseverance and determination to get what I want.

    .x-columnize {
    -webkit-column-count: 2; I know what all this means…
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px solid #e5e5e5; But here,#fff or #ffffff or none?
    -moz-column-rule: 1px solid #e5e5e5; #fff or #ffffff or none?
    column-rule: 1px solid #e5e5e5; #fff or #ffffff or none?
    margin: 0 0 1.313em; and I’m not touchin’ this!

    But regardless, thank you for the assist with the other issues. Very helpful.

    RossMitchell

    (@rossmitchell)

    11 years, 10 months ago

    Firebug does let you add and edit the css live, I usually only use this to change values, adding properties and rules is too fiddly, and since the results are not persistant I usually don’t bother. Instead I edit the css file on my PC, save it, upload it with filezilla, refresh website view.

    The specification of colours is (apart from using names) either in 3 or 6 characters of hexadecimal, #rgb is equivalent to #rrggbb
    So some colours need the long form to specify like #f1f1f1 but #ff8800 can be specified as #f80

    Start a new thread if you need further support re the gutter between columns.

    Thread Starter ejwickes

    (@ejwickes)

    11 years, 10 months ago

    Thank you Ross,

    I think I figured the divider line issue out.
    http://themetamodern.com/sample-page/

    Thanks again for the support.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘first paragraph never justifies in columns short code setting.’ is closed to new replies.