Shape 5

Wordpress Club Themes => Emma Smooth - Club => : maler January 19, 2013, 10:29:17 AM



: Paragraph spacing
: maler January 19, 2013, 10:29:17 AM
We are using the Emma Smooth template and having problems with how our layout is displayed in the final result.

In the Wordpress Admin we change the layout to how we want the page to look:

(http://wp11121108.wp390.webpack.hosteurope.de/malerbetrieb-schlueter/images/wordpress-admin.png)

However, the end result when navigating to the website looks like this:

(http://wp11121108.wp390.webpack.hosteurope.de/malerbetrieb-schlueter/images/wordpress-result.png)

What are we doing wrong? How can we go about fixing this.

Thanks for your help.


: Re: Paragraph spacing
: Tristan Rineer January 19, 2013, 10:44:07 AM
WP Admin -> Shape 5 Theme -> Advanced -> Raw HTML -> Off

The make the demos look exactly as intended, the WP auto-formatting has to be disabled and put into "Raw" mode; just disable raw mode to turn on the auto-formatting.


: Re: Paragraph spacing
: maler January 19, 2013, 11:09:42 AM
 ;) aaah haaa, looks much better now! I now get line breaks between the paragraphs, however the line spacing between the paragraphs is not quite how I would like to have it. It is just a single line break -  I would like to have a little more white space between the paragraphs, how can I modify the default template settings.

Thanks


: Re: Paragraph spacing
: Tristan Rineer January 19, 2013, 11:12:21 AM
Firebug (http://getfirebug.com/) will let you look at the CSS that styles the site, and will make it easy to test adjustments you want to make before actually making the edits to implement them.


: Re: Paragraph spacing
: maler January 21, 2013, 01:45:20 PM
Thanks. I managed to find where I could change the paragraph spacing - within template_css.css and changing:

p {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

to

p {
    padding-bottom:10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

However, one thing I can't figure out is how to globally set all of my paragraphs to align full (block justify). I use TinyMCE as the editor and select the paragraph which I wish to align full. The tag <p style="text-align: justify;"> appears before the paragraph and this works just fine. However, I need to do this for each paragraph. Can I somehow edit the .css for this to be the standard for all paragraphs?


: Re: Paragraph spacing
: Tristan Rineer January 22, 2013, 06:06:08 AM
You should be able to add that "text-align:justify;" as an additional line inside the "p" CSS property that you already edited.


: Re: Paragraph spacing
: maler January 22, 2013, 01:53:27 PM
When I used Firebug to determine what to change, I could change the template_css.css as indicated, and my paragraph spacing looked better.

However, in Wordpress admin when I use the Appearance Editor - only the Stylesheet (style.css) is shown. Here, I do not find the appropriate section which firebug showed me.

I am a little confused, do I need to edit the "template_css.css" or "style.css" to change my paragraph spacing and to get all paragraphs to align justified?


: Re: Paragraph spacing
: Tristan Rineer January 22, 2013, 02:35:01 PM
You'll want to edit the same code you changed before, and just add a new line before the closing bracket (" } ") with the additional attribute.

Old:
:
p {
    padding-bottom:10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
New:
:
p {
    padding-bottom:10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align:justify;
}

If that was in the template_css file, then that's what you'll need to edit.


: Re: Paragraph spacing
: maler January 23, 2013, 08:57:55 AM
Worked just fine - added your code to template_css.css. Thanks