Archived

This topic is now archived and is closed to further replies.

  • 0

Blog With Grid System

Question

Posted · Report post

I want to use a grid system for my blog posts.  I found the CSS I need to use but where do I paste the CSS for it to work on the blog page posts only?

 

Thanks.

 

Geoff

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

HI, The PageLines grid code is not CSS, its HTML, therefore you will need to remove the code above from your custom CSS, as it won't work.

 

Here is how the PageLines grid works, you add the code you provided above in your HTML tab of your post/page editor. Then, in the code below where you have the words "Add your content here", this is the area where you add your content, this can be simple text, html or shortcodes.

 
<div class="row">
    <div class="span4">
    ADD YOUR CONTENT HERE
    </div>
    <div class="span8">    
    ADD YOUR CONTENT HERE
    </div>
</div>

 

For more information on how to use the grid view our grid doc. - http://support.pagelines.me/docs/miscellaneous/grid-system/

Share this post


Link to post
Share on other sites

Posted · Report post

You'll have to write custom CSS for that. More information can be found here and here.

Share this post


Link to post
Share on other sites

Posted · Report post

Nope.  Not me.  I'm a cut/paste king of guy...

 

Pagelines should live up to their "drag and drop" tagline and let us format a grid via that method. Yeah well I guess we should have Christmas everyday too :-)

Share this post


Link to post
Share on other sites

Posted · Report post

Geoff,

 

You can paste the CSS in Dashboard > PageLines > Site Options > Custom Code > CSS Rules.

Share this post


Link to post
Share on other sites

Posted · Report post

If PageLines offered a way for anyone, to do anything they wanted, the sites would look like they were built by 4th graders. I've come from platforms that give you this much control, and the sites reflect it. I've been doing this for a minute now, and I can safely say that PageLines has come to a happy medium with things, keeping professionally designed content from going astray. 

 

But in the end, if you want to do something that it doesn't do out of the box, you'll have to learn how to do it yourself. If you remain a copy-paste-commando, you'll never learn and will always depend on others. It wouldn't hurt to learn some simple code to at least be dangerous.

 

With all of that being said, time for a personal plug. ;)

 

http://pagelines.com/store/sections/anyloop/

 

I just put out a product that will output your posts into a Grid type format, you may find that appealing for what you're trying to do.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

The Bearded Avenger strikes again! I am a huge fan of yours!  Great to see you in the forums!  I simply love BA shortcodes - so easy and so cool.  I will check out Anyloop for sure.

 

Plus what you say makes sense.  But...I would rather pay someone to do the coding if I can't find the plug-in.

 

Thanks again.  You da man!

Share this post


Link to post
Share on other sites

Posted · Report post

OK, thanks. I just did that and I do not see any change when I go to Posts, New.

 

How do I see where my Grid settings are?  I entered:

 

 

 <div class="row">
    <div class="span4">Span 4</div>
    <div class="span8">Span 8</div>
    </div>

Share this post


Link to post
Share on other sites

Posted · Report post

I checked out AnyLoop and it looks good but can i use it for multiple entires in a single post or is it only for grouping multiple posts?

Share this post


Link to post
Share on other sites

Posted · Report post

how can I name the dives - or where - so that I can css them ? If I replace the word " row or span" then wont it mess up the grid system?

can someone provide me with a simple example of html and css for this situation it is so simple that its hard !- thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Yehaw!  It worked.  THANK YOU! THIS is what I have been trying to accomplish since July because the magazine formatting does not do it.

 

One last question:  Is there any way I can place a border around each grid item to delineate it for the grid item next to it?

Share this post


Link to post
Share on other sites