Jump to content
Mark & Phil

Theming Pagelines

Recommended Posts

Mark & Phil

I'm trying to understand how to theme Pagelines but am just not grasping it. In a traditional theme I would normally create new php templates for the pages or hooks that I want to change. But with Pagelines I just don't see how this is possible. I've looked at all the theme documentation, I've looked at the MUD theme example, and I just don't see how we can really change the complete layout in this framework. I've made a child theme and I've edited the CSS to show what I want using Firebug. But I want to do bigger things like change the layout and graphic elements of the blog post page and I can't figure out where these files even are (yes I've searched forum and docs for this info). Can someone please give me some insight. I'm not trying to be an ass but I know Wordpress theming very well so i'm wondering if there is some easy concept I'm just not grasping or am I just not looking in the right place for the themed files or something.

Share this post


Link to post
Share on other sites
Rob

Okay, here's the scoop. Since it's not a theme, but a framework, you need to change the thought process behind it and think in terms of what the framework itself will do for you. Then, use the child theme to apply your customizations not handled by the framework. So, let's say you want a feature slider to appear at the top of all posts, inside the Content Area. You'd use the framework to do that, (Dashboard > PageLines > Drag & Drop --> Content Area and drag the Features to the position you prefer). Now, on each post, you can select the Feature Set for that post. But if you want to have a unique element above the features, you'd go to the child theme (MUD or Base Theme) and use a hook to add that. We do have some documentation at http://www.pagelines.com/wiki/How_to_Use_the_Base_Theme


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pleelayuvat

I think I got the framework concept and I am doing it.  It is so annoying trying to find the selector though, using firebug or chrome developer tool is just wasting a lot of time.  All I want to do is to get rid of margin, padding, make the thumbnail image bigger but I have a hard time finding the selector for them.  For example, I have a hard time changing clip and try not to effect the full width blog post.  Is there anything that can save time, not spending time looking for selector?  A cheat sheet is too generic.

 

Thanks

Share this post


Link to post
Share on other sites
catrina

The CSS needs to be very specific to avoid making global changes. For example, with your clip post, you need to use selectors that specify only the clip post so that full-width posts aren't affected. Can you please post a link to your site?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
pleelayuvat

here is the site I'm working on, http://stillshootfilm.com/blog/

somehow, I import the setting from localhost but it doesn't have the same css problem but still.

if you look at the thumbnail image border, I couldn't adjust one without effecting the other.

And I'm not sure why continue_reading_links margin are not the same, couldn't find what is effecting it.

 

Thanks

Share this post


Link to post
Share on other sites
Danny

Hi,

 

 

Unfortunately, we are unable to provide you the custom CSS needed to achieve your layout. I recommend using Firebug or your browsers built-in web dev tools and inspect the elements you wish to customise, to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

 

I have provided you with a link to this free course, which should assist you - http://www.codeschool.com/courses/discover-devtools

 

 

If you're not comfortable with custom CSS or code. I recommend you contact one of our Pros for assistance 

 

http://www.pagelines.com/pros/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pleelayuvat

I don't need the css code, I just need the selector.

Share this post


Link to post
Share on other sites
Danny

If all you need is the selector, I recommend you use Firebug or your browsers web dev tools. I know you mentioned you find it annoying, but stick with it. That is why I provided you with a that course, which will assist you.


Please search our forums, before posting!

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


×