Jump to content
Sign in to follow this  
motionltd

3, 4 or 5 column blog

Recommended Posts

motionltd    12
motionltd

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


Ben

motionltd.com

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
motionltd    12
motionltd

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

 

Ben


Ben

motionltd.com

Share this post


Link to post
Share on other sites
motionltd    12
motionltd

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


Ben

motionltd.com

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
motionltd    12
motionltd

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#


Ben

motionltd.com

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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;
}

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
motionltd    12
motionltd

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.


Ben

motionltd.com

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

Sign in to follow this  

×