Jump to content


Photo
- - - - -

3, 4 or 5 column blog


Best Answer Danny , 08 January 2013 - 12:04 PM

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...ctions/anyloop/

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 motionltd

motionltd

    Super Member

  • Members

  • 243 posts
  • LocationLondon
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 08 January 2013 - 11:47 AM

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



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 January 2013 - 12:04 PM   Best Answer

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 - 

Please Login or Register to see this Hidden Content



#3 motionltd

motionltd

    Super Member

  • Members

  • 243 posts
  • LocationLondon
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 08 January 2013 - 09:48 PM

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

 

Ben



#4 motionltd

motionltd

    Super Member

  • Members

  • 243 posts
  • LocationLondon
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 09 January 2013 - 11:58 AM

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



#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 09 January 2013 - 12:10 PM

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:

 

Please Login or Register to see this Hidden Content

 

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

 

 

Please Login or Register to see this Hidden Content

 

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.

 

Please Login or Register to see this Hidden Content



#6 motionltd

motionltd

    Super Member

  • Members

  • 243 posts
  • LocationLondon
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 09 January 2013 - 12:49 PM

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#

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 17966 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 09 January 2013 - 01:06 PM

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


Please Login or Register to see this Hidden Content

 



#8 motionltd

motionltd

    Super Member

  • Members

  • 243 posts
  • LocationLondon
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 09 January 2013 - 02:39 PM

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.