Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Indent first line of paragraphs in posts?


  #1  
Old Apr 6, 2009, 07:03 PM
RStouff
 
6 posts · Mar 2009
I'm working on a magazine-style layout with Atahualpa, and wondering if this is possible?
Thanks, great theme.
RS
  #2  
Old Apr 6, 2009, 07:45 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
It's possible to make it a "magazine theme" but that requires a good deal of theme file edits or plugins. Not sure if you just meant what you have in the thread title or a magazine style with all bells and whistles such as thumbnails on the homepage etc...
  #3  
Old Apr 6, 2009, 08:04 PM
RStouff
 
6 posts · Mar 2009
Naw, it's not so sophisticated as all that. I just want to indent paragraphs in posts, which are in fact the articles of the ezine, to make it look more like typography.
Thanks!
  #4  
Old Apr 6, 2009, 08:07 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Try HTML/CSS Inserts -> CSS Inserts

HTML Code:
div.post p { 
text-indent: 20px;
}
  #5  
Old Apr 6, 2009, 08:16 PM
RStouff
 
6 posts · Mar 2009
Hmm, didn't apply to existing trial posts...should I try a new one?
  #6  
Old Apr 6, 2009, 08:43 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
In which browser did it not work?

Do you have a cache running?
Do your posts not contain <p>...</p> paragraphs?
  #7  
Old Apr 7, 2009, 08:11 AM
RStouff
 
6 posts · Mar 2009
It was in Firefox and IE.
Running it on a local host, so unfortunately it can't be seen.
Thanks for trying, though!
R
  #8  
Old Apr 8, 2009, 05:17 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
It's working for me though
  #9  
Old Apr 8, 2009, 06:31 PM
RStouff
 
6 posts · Mar 2009
Flynn,
It worked! Not sure why it didn't last night, but I deleted and re-inserted today and it's fine.
Thanks!
R
  #10  
Old Mar 27, 2011, 01:47 AM
AJHackett
 
15 posts · Mar 2011
This code worked perfectly. I'm just starting out. I went to W3Schools and figured out most of the code, but your post was wonderful.

My issue is that, at times the indent is not appropriate. How does one undo the global code for particular lines or situations? Example: the indent is asserting itself in my blog at the complimentory close and the signature. I have contact info below the signature which is not indented and it looks wierd. Please see www.CoachMitch.com

The below code did not work when I inserted it prior to my signature?
}
div.post p {
text-indent: 0px;
}

Thanks very much
  #11  
Old Mar 27, 2011, 03:37 PM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you want to get rid of it for a particular post, you will have to make the CSS selector more selective. Each post has a class of the post ID, so you could use that
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Mar 28, 2011, 09:44 PM
AJHackett
 
15 posts · Mar 2011
@juggledad
Thanks for the response. Using the post ID is a good idea but, as I perceive it currently, that would undo all indents for the entire post. On a similar idea, would it work if I put in a div plus some other code to stop the indent by my signature or other places where I do not want the indent?

Thanks
  #13  
Old Mar 28, 2011, 09:47 PM
AJHackett
 
15 posts · Mar 2011
@juggledad
Continuing:
Is there some code that overrides a CSS global command?

Thanks
  #14  
Old Mar 29, 2011, 05:36 AM
juggledad's Avatar
juggledad
 
23,687 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you look at the source of the page, you will see that the signature looks like this
HTML Code:
<div class="post-byline"><strong>Mitchell Goldstein</strong> <strong>March 12th, 2011</strong><image(Mitch_head_shots_byline.gif) />
so you can tie the CSS to the 'post-byline' class
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #15  
Old Mar 30, 2011, 03:02 PM
AJHackett
 
15 posts · Mar 2011
@juggledad
<div class="post-byline"> is a good work around. It does serve to left justify or ignore a global indent.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Creating paragraphs to divide various subjects on one page Chester Post-Kicker, -Byline & -Footer 7 Jun 16, 2009 07:59 AM
[SOLVED] Paragraphs drop out of blockquotes on post pages deucegeary Atahualpa 3 Wordpress theme 2 Jun 6, 2009 02:36 PM
[SOLVED] Wonky comment indent lctkw Comments, trackbacks & pings 1 Apr 5, 2009 03:05 PM
How to change dotted border line in the layout to solid line? araneum Atahualpa 3 Wordpress theme 1 Feb 21, 2009 07:40 PM
How to Set Padding around "Body" of Posts / Cut Indent? jkestler Atahualpa 3 Wordpress theme 2 Feb 18, 2009 11:12 AM


All times are GMT -6. The time now is 12:03 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.