Adding space or line between posts?


  Page 1 of 2 Next Last 
Author Message
Coop

Posted: 12/23/2008
Quote message 

Is there a way to add space or a line between posts? Visually, it looks as if all my posts are running together. Other than that, great product!
 
roller

Posted: 12/23/2008
Quote message 

This is a bit annoying. I haven't been able to figure out if this is common with Wordpress Themes or with the ones Artisteer creates. I don't really know enough about Wordpress to comment. Anyway I found the problem mostly occurs when pictures are inserted in the post. Centring the picture helps. If the picture is not aligned then I need to press the return key so the cursor appears below the picture and I might also need to drag the picture up a little in the window. Posts then separate Ok.
 
Marc Smith

Posted: 12/23/2008
Quote message 

This is related to not knowing how Wordpress works.

Many times, people put images into a post and don't realize that the image is too big for the area the post occupies, and it makes the posts move down the page or screws up the text.

Wordpress has the ability to add 'media' such as images and music and such... and it can create thumbnails, links or dsiplay the image full size.

There are settings in the CSS that allow you to space the top, right, bottom or left margins. You can also add a HR tag to the page and post.php files to separate posts from comments, etc. Editing the PHP is not that hard if you know what to look for.

Same with editing the CSS, but it helps to understand CSS and how it sets margins and padding.

Spacing can be controlled best by using the CSS tag "padding" which can add space to the top or bottom, left or right. Where you add the padding tag all depends on the content you want to pad. You'll need to know how to read source code, identify the CSS class being used and add the padding tag to the CSS in that class.
 
roller

Posted: 12/23/2008
Quote message 

Thanks for the explanation.
 
Alex Jacobs

Posted: 12/24/2008
Quote message 

Marc,

You seem to know what you're talking about, thanks. But I have the same problem and I know it can be fixed, the trouble is that I know just enough to be dangerous. When I use the default Wordpress theme, this doesn't happen. If I place an image that is larger than my text area, and the image is on the left, the default wordpress theme displays this correctly and puts the metadata below the picture no matter how big it is. When I use an Artisteer theme, the metadata seems to go below the text no matter where it ends. Is this maybe a DIV tag that we could change, or is there some other kind of 'blocking' that we can look at?
 
roller

Posted: 12/24/2008
Quote message 

Alex

That’s a very good technical description of the problem.

My solution above does work but requires a little time. If you edit your post in full screen it is easier to move the picture into position. It is a minor bug I guess that will hopefull be sorted in a future release.

Slightly off topic but I have been playing around with Shrink pic by OnTheGoSoft and it will automatically compress photos for you as you upload them to your blog. So far it is proving to be very useful.
 
Alex Jacobs

Posted: 12/24/2008
Quote message 

Thanks. I tried what you suggested and it still just isn't what I'm looking for. I created a comparison picture that shows what the Wordpress default does and what Artisteer does. I hope one you code types out there will see it and go "Oh! that's easy. Just change..." Here's the link:

<a href="http://tinyurl.com/a5g7vr">http://tinyurl.com/a5g7vr</a>


And I'll try to insert the image here, but it may be too large. Forgive me if this looks bad...


 
Marc Smith

Posted: 12/24/2008
Quote message 

This is purely Theme and CSS related and I'd need to look at the two sites and see the code and CSS for each (which I can get with Firefox and the toolsets I use in Firefox).

Do you have an URL I can look at?
 
roller

Posted: 12/24/2008
Quote message 

Alex,

I have just downloaded version 1.0.0.12997 which was released on the 18/12/2008 and the problem appears to be solved on the newly generated theme.
 
Alex Jacobs

Posted: 12/24/2008
Quote message 

Thanks roller, but that's the version i'm using...
 
Alex Jacobs

Posted: 12/24/2008
Quote message 

Marc,

Here's an example of the default: http://www.autumngate.net
Here's an example of the Artisteer: http://www.thejacobsclan.com
 
Marc Smith

Posted: 12/28/2008
Quote message 

hmm, I thought I had replied to this.

In the default template you see this for CSS -


img.alignleft { in style.css (line 384)
display:inline;
margin:0 7px 2px 0;
padding:4px;
}
.alignleft { in style.css (line 394)
float:left;


but in the Artisteer theme, you only see this -


.alignleft { in style.css (line 1641)
float:left;
}


Make a backup of your CSS file, replace the code in youe theme with the code from the default theme and see if that works. The display: inline; property is what I think is missing
 
Alex Jacobs

Posted: 12/28/2008
Quote message 

Tried that and no go. It looks like the inline part you found is in a separate "begin images" section. The line you referenced in the Artisteer theme seems to be in the footer... I'll keep diggin..
 
Marc Smith

Posted: 12/28/2008
Quote message 

Alex,

I find it hard to believe that it is in the footer section, as I'm not looking at the CSS directly, but only reporting what Firebug is finding when using the inspect CSS functionality.. and I'm only highlighting the images.


 
Alex Jacobs

Posted: 12/29/2008
Quote message 

I tried it at the spot you suggested and no go. I even tried using the entire 'images' section from the default and had no luck... man I wish I could figure this out...
 
Marc Smith

Posted: 12/29/2008
Quote message 

While I am looking at this, you should email supoort@artisteer.com with this same request and links. They might get a better idea on what is happening.
 
Alex Jacobs

Posted: 12/29/2008
Quote message 

Already done... I gave them the link to this thread. Haven't heard anything yet.
 
Marc Smith

Posted: 12/30/2008
Quote message 

Alex,

I spent a couple of hours looking at this and I'm just at a loss. I used Firefox and inspected the CSS for both sites. I even tried it on one of my test sites and edited the CSS in an attempt to maek the metadata area post below the full post and I couldn't do it.

There has to be an inherited CSS style that I am missing that pushes that element down the way it does in the default template.
 
Adrian Moya

Posted: 12/30/2008
Quote message 

Quote Coop:

Is there a way to add space or a line between posts? Visually, it looks as if all my posts are running together. Other than that, great product!


Hi guys, I'm getting the original error on this post, could you please see this blog and give me an idea of why all post seems to be mixed in a big one?

http://www.neguz.web.ve/
 
Marc Smith

Posted: 12/31/2008
Quote message 

Adrian,

I can't get to the URL you posted.
 
Tim Fahndrich

Posted: 12/31/2008
Quote message 

I'm having trouble with padding between posts in the sidebar. The posts all seem to run together, which is difficult to read. I've tried editing the CSS but so far have had no luck.



Marc, or anybody, have you had success with this? Thanks!
 
Marc Smith

Posted: 1/1/2009
Quote message 

Posts in a sidebar?

I would need to see URLs of the problem sites before I can help.
 
Tim Fahndrich

Posted: 1/1/2009
Quote message 

Hi Marc,

For example, take a look at http://www.fsboforsale.org.

On the left sidebar, there is noextra line spacing or breaks between the Most Recent Postings and it makes it hard to read. This has been the same on all the Artisteer themes I've played around with so far. The CSS is Blockcontent-body (I believe). I've tried padding, but that doesn't seem to provide the line spacing.

Thanks for any insight you might have!

Tim
 
Marc Smith

Posted: 1/1/2009
Quote message 

Artisteer doesn't 'style' any of the LI elements, so that is why there is no spacing between the List Items

You can add this line to your style.css file to get some space between the list items, but it will put the space between ALL items that appear in any list, so you may see some lists spread out a bit more than you would expect.


li
{
padding-bottom: 15px;
}



You could change the value from 15 to whatever you think is best.
 
Tim Fahndrich

Posted: 1/1/2009
Quote message 

Perfect Marc, thanks a ton.

Here's what the CSS looks like;

.BlockContent li
{
padding-bottom: 15px;
}

It would be nice if Artisteer created separate CSS for sidebar content vs. normal content. I think I already saw this as a suggestion. But at any rate this is a great program.

Have a great day!
 
Alex Jacobs

Posted: 1/1/2009
Quote message 

Sorry, screwed up my FTP... here's the image again so folks know what we're talking about...


 
Linda P

Posted: 1/2/2009
Quote message 

Hi Alex and Mark,

Just found this program today and was headed to purchase when I stopped at the forum. Lookiing at a few of the problems I decided to try it first.
The program is wonderful fun and has GREAT potential.

Alex ... Apparently this is a bug in the software as it is something I also am encountering.

Plus a couple of other problems with the rendering of the the php docs.
This first image is my test site using a tested theme.


The second image is the same only switching to what Artisteer rendered.


Also notice the name in the header.
This I would think should render from the right side toward the center since that is what it looks like the program is intended to do.

Also changing part of the link tag colors did not work. I assume the demos are fully operational except for the trial watermarks.

Could all of this be fixed in the php docs or the css?
Yes it can but isn't this something that the program itself should render properly?

Mark ... I do not think this is something that can simply get fixed with the CSS ... it looks more like a php doc rendering problem.

Since my php skills suck I doubt it is anything I would care to tackle. Not to mention the WordPress core program has this same problem if you add more than one image to a single post with little text.
Notice the problem here in a single post:
http://usa-wethepeople.com/the-washington-freak-show-hall-of-shame/
I had to really hack this code to get this to do what I wanted it to do since WP tends to stip code even in html mode.

I will keep an eye on this program in hopes these things get corrected before I purchase :)

CT


 
John

Posted: 1/3/2009
Quote message 

Quote Marc Smith:

Same with editing the CSS, but it helps to understand CSS and how it sets margins and padding.


Hi Marc,

I'm having the same problem. When I design the theme everything looks great. When I upload the theme into WP, then all of my text runs together, there isn't any spacing between blocks, no line spacing, etc.

Looks good until I upload it to my site and attempt to put use it live.

Regarding your comment above, the point of buying this software for me - as a paying customer - is NOT to learn and understand how CSS works with WP. I wouldn't need this software if I understood it - what's the point?

This seems to be a bug in the software that needs to be resolved.

Please excuse my frustration but the point of software is to help me do the job more efficiently and this isn't efficient.

Thanks, John

 
Marc Smith

Posted: 1/3/2009
Quote message 

Well John, that is where I disagree.

You can create a theme, put it on your website and it DOES work fine.

Now, you don't get the default text that you see in the template when you are creating it, do you?

There can be spacing in the blocks, there can be spacing in a LOT of places.

If you use Wordpress at all and want to use themes, it is only logical you understand why themes work the way they do. That includes some CSS knowledge.

I know of ways around the issue shown above, such as how to create posts so that the "metadata" area is underneath the post and images. The only way I know that is because I chose to invest time in understanding the platform and the way it works.

I'm not saying Artisteer shouldn't look at fixing this... but at the same time, the amount of negative posts here over some of the simplest things is really unecessary.

I look at this way... you buy a car, it comes with a gas tank. YOU have to fill it. YOU have to change the tires. YOU have to change the oil (or at least know where to go to get that done).

So, let me ask this question....

What did you do to create a theme BEFORE Artisteer came about? did you have to tweak the code whenyou used a template from a service or vendor?
 
Marc Smith

Posted: 1/3/2009
Quote message 

add the following code to your CSS



.postmetadata
{
text-decoration: none;
clear: both;
}


 
  Page 1 of 2 Next Last