Forum Support

Shape 5
March 28, 2024, 03:02:46 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Paragraph spacing  (Read 1083 times)
maler
Jr. Member
**
Offline Offline

Posts: 16



« on: 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:




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



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

Thanks for your help.
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: 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.
« Last Edit: January 19, 2013, 10:46:40 AM by Tristan Rineer » Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
maler
Jr. Member
**
Offline Offline

Posts: 16



« Reply #2 on: January 19, 2013, 11:09:42 AM »

 Wink 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
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: January 19, 2013, 11:12:21 AM »

Firebug 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.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
maler
Jr. Member
**
Offline Offline

Posts: 16



« Reply #4 on: 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?
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #5 on: 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.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
maler
Jr. Member
**
Offline Offline

Posts: 16



« Reply #6 on: 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?
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #7 on: 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:
Code:
p {
    padding-bottom:10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
New:
Code:
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.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
maler
Jr. Member
**
Offline Offline

Posts: 16



« Reply #8 on: January 23, 2013, 08:57:55 AM »

Worked just fine - added your code to template_css.css. Thanks
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.