Jump to content
siftingpoint

Blog With Grid System

Recommended Posts

siftingpoint    1
siftingpoint

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
Rob    547
Rob

Geoff,

 

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
siftingpoint    1
siftingpoint

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
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
siftingpoint    1
siftingpoint

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
Jenny    33
Jenny

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


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
siftingpoint    1
siftingpoint

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
beardedavenger    158
beardedavenger

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.

  • Like 1

Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
siftingpoint    1
siftingpoint

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
siftingpoint    1
siftingpoint

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
kate1000+    0
kate1000

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×