|
#1
Apr 6, 2009, 06:03 PM
|
|
I'm working on a magazine-style layout with Atahualpa, and wondering if this is possible?
Thanks, great theme.
RS
|
#2
Apr 6, 2009, 06:45 PM
|
|
|
|
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
Apr 6, 2009, 07:04 PM
|
|
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
Apr 6, 2009, 07:07 PM
|
|
|
|
3,768 posts · Oct 2008
Munich, Germany
|
|
Try HTML/CSS Inserts -> CSS Inserts
HTML Code:
div.post p {
text-indent: 20px;
}
|
#5
Apr 6, 2009, 07:16 PM
|
|
Hmm, didn't apply to existing trial posts...should I try a new one?
|
#6
Apr 6, 2009, 07:43 PM
|
|
|
|
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
Apr 7, 2009, 07:11 AM
|
|
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
Apr 8, 2009, 04:17 AM
|
|
|
|
3,768 posts · Oct 2008
Munich, Germany
|
|
It's working for me though
|
#9
Apr 8, 2009, 05:31 PM
|
|
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
Mar 27, 2011, 12:47 AM
|
|
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
Mar 27, 2011, 02:37 PM
|
|
|
|
23,765 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
Mar 28, 2011, 08:44 PM
|
|
@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
Mar 28, 2011, 08:47 PM
|
|
@juggledad
Continuing:
Is there some code that overrides a CSS global command?
Thanks
|
#14
Mar 29, 2011, 04:36 AM
|
|
|
|
23,765 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
Mar 30, 2011, 02:02 PM
|
|
@juggledad
<div class="post-byline"> is a good work around. It does serve to left justify or ignore a global indent.
|
Thread Tools |
Search this Thread |
|
|
Display Modes |
Linear Mode
|
|