Archived

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

  • 0

3, 4 or 5 column blog

Question

Posted · Report post

Hi Guys, is it possible with Pagelines to get a thumbnail style layout of blog posts. Maybe 4 columns and have them showing in a block? Just like this site:

 

www.motor69.com

 

Any help would be greatly appreciated.

 

Cheers

 

Ben

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Hi,

 

There are a few ways you could achieve this layout.

 

1. You could use the PostPins section - 

2. You could also use Boxes and the special recent posts plugin and generate a shortcode to display posts.

3. Possibly the easiest method would be to use the AnyLoop section - http://www.pagelines.com/store/sections/anyloop/

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny, thanks for the advice, appreciate it. I'll check those methods out! Thanks allot.

 

Ben

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny, one more thing, I downloaded the anyloop section, its just what I want. But I'm struggling to edit the CSS. Changes pasted into Styles via Pagelines customise don't work, but they do when pasted straight into the custom code part in the WP CMS. Also, I can't identify some of the items, Firebug is telling me the title styling for instance is in compiled-css-1357731930.css in uploads. Is this some kind of blocked CSS?

 

Any help would be a great help! Thanks.

 

Ben

Share this post


Link to post
Share on other sites

Posted · Report post

Basically, the CSS that isn't working in the PageLines Customization plugin requires an override, where as the Custom Code area doesn't need the override.

 

All you need to do is add the following at the beginning of your CSS

 

#site

 

or

 

#page

 

For example, if you have the following code at the moment:

 

.example { 
background:red;
}

 

which is working in Custom Code area but not the PageLines Customization plugin, then adding the override would look like this:

 

 

#site .example {
background:red;
}

 

I am currently writing the customization docs, but I have provided you with a link to the Custom CSS doc, which should assist you. Please bear in mind that this page has not been proof read.

 

http://support.pagelines.me/docs/customization/custom-css/

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Danny. I just tried that, still not working for me. I've done this before on a previous site so I'm confused!! This is the code:

body.fixed_width .section-branding .content-pad {

padding: 1px 1px 1px 50px;

}

It works in Custom Code, but not in Styles.css

Sorry, should have said, I tried both site# and page#

Share this post


Link to post
Share on other sites

Posted · Report post

Do as I mentioned above and use the override, so your code would look like this:


#site section-branding .content-pad {
padding: 1px 1px 1px 50px;
}

 

Share this post


Link to post
Share on other sites

Posted · Report post

Strange, I pasted exactly that text into styles.css and still nothing. Is there a setting I might be missing? I've done this 4 times before on previous websites. For some reason this one doen't like it.

Share this post


Link to post
Share on other sites