Archived

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

  • 0

Css

Question

Posted · Report post

How to create your own CSS styles in pagesline? I would then be able to call in any page or article.

Thank you very much.

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi franckhelin

You can create your own CSS styles add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

It is advisable to learn how to do this on your own too.

Check out http://www.pagelines...wiki/Custom_CSS

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info.

http://www.w3schools.com/

If you want a rules in a page only you can add something like (for example change de color of one page)

.page-id-XXX  .content-pad {background-color: #C00000;}

If you also wish to know how I find the page ID, all you need to do is load up FireBug or Google Chromes web dev tool and inspect your page html, at the top you should see body which has a number of classes assigned to it, one of these is page-id-XX (replace XX with your pages id value. I have added a Dany┬┤s screenshot to assist you.

http://screencast.com/t/HOsjhjnUIYX

Share this post


Link to post
Share on other sites

Posted · Report post

Ok, but how to call CSS into html or article ?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again

One example

If you add

.hentry h1 {color: red;}
All your title are red in your HTML if you want red in one page you need add
.page-id-xxx .hentry h1 {color: red;}

Do I understand do you want?

:)

Share this post


Link to post
Share on other sites

Posted · Report post

You don't call CSS into a page or post directly. Stylesheets affect the whole site, but apply to elements that may appear only on specific pages or sections.

I'd recommend some basic learning about CSS which is free and found here: http://www.w3schools.com/css/

Share this post


Link to post
Share on other sites