Jump to content

Recommended Posts

eidoander    0
eidoander

Hi all,

Help please! I am not trained in CSS or PHP, but I am a quick learner and good at figuring things out-- just a heads up about my skill level . I really need help so I hope I can express the problem well enough (you've already helped me several times recently, so thanks in advance for your patience!). Here is my issue:

I have a plugin called CiviCRM. This plugin is designed to be a "constituent relationship management" system with a database at the back end, so it has front facing forms and pages for donations, events, fund raising campaigns, etc. All data captured flows through to the self-hosted database (same host as WP install) that can be mined for all kinds of useful reports. It's very cool but not well-developed yet for WP-- it was originally developed for Drupal and only recently available as a WP plugin.

Problem: The content from CiviCRM is all messed up (I have "fixed" at least one CiviCRM page using the custom CSS area in the Pagelines dash, but I can't create new styling for every page I create, take a look: http://www.lifechallengesemi.org/donations, my regular site global styling looks like this: http://www.lifechallengesemi.org/about). What I really need is a new template so I can place the CiviCRM content on a page with a plain white background, no header, no footer, no other sections. Ideally, I would be able to assign a special template set up for CiviCRM just like any other template. Is that possible? Can I create a special "plain vanilla" page template to hold CiviCRM content? How do I do this?

BTW: CiviCRM pages are created by dropping in short code for the content. You just click the CiviCRM icon located above the editing window (next to the "add media" icon), select the appropriate content that you already created in CiviCRM from a drop-down menu (donation form, CiviCRM event page, registration page, new member page, etc.) and the content is added via short code to the page. Just like many other plugins work.

Thank you!

Share this post


Link to post
Share on other sites
catrina    103
catrina

Ideally, I would be able to assign a special template set up for CiviCRM just like any other template. Is that possible? Can I create a special "plain vanilla" page template to hold CiviCRM content? How do I do this?

Yes, you can use a different template (Template 1, Template 2, or Template 3) and set that up in Drag & Drop by deactivating the sections you don't want in the page template areas. You can add CiviCRM to a page that uses that template.


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
eidoander    0
eidoander

Thanks Catrina!

Can I add certain styling to just that template? Can I do it like this in the Custom CSS area: #template 1 .body {background-color:#ffffff;}or how? I really need the background removed and I need other styling to be overridden in the template. The problem is that I have set background colors, etc. in the site options, globally. Can I override those for just one template?

Share this post


Link to post
Share on other sites
eidoander    0
eidoander

Or, maybe it should be like this:


body.template-id-3 #page .content, #footer .content { 

  background:#fff;

}

Share this post


Link to post
Share on other sites
catrina    103
catrina

If you'd like to change the background color for just that one page, you can use the PageLines Meta Settings in the page editor for that page (below the HTML/Text Editor).


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
eidoander    0
eidoander

Hmm, I only see Page Content Layout, Page Section Control and Page Background Image settings in the Meta Settings, no body background color settings. Am I missing something? I have globally set background colors in the color control section. I need to override those and I'd like to do it for one page template, if possible, but I'd be satisfied to do it page by page.

Share this post


Link to post
Share on other sites
eidoander    0
eidoander

I know I can do it like this in the custom code editor:


body.page-id-3521 #page .content, #footer .content {

  background:#fff;

}

But that's just for the page. I need to do it for a template. Can I specify a template somehow in the css custom code?

Share this post


Link to post
Share on other sites
eidoander    0
eidoander

I'm looking at the Color Control section and I see that I can specify "body background" and "content background" (optional). These are global settings. It is the "content background" that needs to change.

Share this post


Link to post
Share on other sites
catrina    103
catrina

Ah, yes, true. To change content background, you will need to use Custom CSS and include the page ID in the body selector to select that one page you want to change.


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
eidoander    0
eidoander

Ok. Don't mean to be a pest, but I know I can set it for one page (see my post above), but can I set it for a template or a range of page types? Is there a template ID that I can specify, like


body.template-id-4 #page .content, #footer .content {

  background:#fff;

}

Note that I have specified "template-id-4" not a page ID. The problem with doing it page by page is that everytime I create an event, a form, a campaign, etc. I would need to add custom code for that page. Cumbersome. Seems like there should be a way to do this for a range of pages, like with a template...

Share this post


Link to post
Share on other sites
eidoander    0
eidoander

BTW: I know the code


body.template-id-4 #page .content, #footer .content {

background:#fff;

}

isn't valid. I'm just saying, isn't there a way LIKE THIS to specify a template ID and set the background color for the content? Just hoping...

Share this post


Link to post
Share on other sites
catrina    103
catrina

If you look at the <body> tag for the Donations page, it has multiple classes:

page page-id-3407 page-template page-template-page-delta-php custom content-shadow responsive pagelines delta full_width[/CODE]

There is no class for specifically Template 4. page-template is there, but that covers all regular pages.


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
Simon    247
Simon

Actually, your both kind of there.

page-template-page-alpha-php is actually template | 1 ;)

page-template-page-alpha-php => template 1

page-template-page-beta-php => template 2

page-template-page-delta-php => template 3

page-template-page-epsilon-php => template 4

page-template-page-gamma-php => template 5

Share this post


Link to post
Share on other sites
eidoander    0
eidoander

This worked!


body.page-template-page-delta-php #page .content, #footer .content {

  background:#fff;

}

I can now set the page template to Template 4 for any new page I create and it will have the white background and any other special css that I create. I couldn't do it before because I didn't know how you specified the template, now I know: body.page-template-page-delta-php Thank you, Catrina!

Share this post


Link to post
Share on other sites
eidoander    0
eidoander

Thanks to you too Simon. This solves so many issues for me! Actually, though, doesn't it go like this, alpha, beta, gamma, delta, epsilon for templates 1,2,3 and 4 respectively? (you have alpha, beta, delta, gamma, epsilon :).

Share this post


Link to post
Share on other sites
Rob    547
Rob

Thanks for letting us know. Glad you were able to resolve this.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

The topic was marked as resolved.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Simon    247
Simon

Thanks to you too Simon. This solves so many issues for me! Actually, though, doesn't it go like this, alpha, beta, gamma, delta, epsilon for templates 1,2,3 and 4 respectively? (you have alpha, beta, delta, gamma, epsilon :).

Probably, i cant count especially in latin!

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


  • Similar Content

    • PeriniNero
      By PeriniNero+
      One of our websites http://www.perininero.com does not succeed in adding template names in the source (so css adjustments are impossible per custom template). While at another DMS site http://www.larissaszwart.com this works properly. Plugins nearly the same. We don't know what we're doing wrong... Can anyone assist?
       
      We attached an image of code, template not added. And an image of code, template added.
    • janpeeters
      By janpeeters+
      Over the last month I had extensive communications with the developer of the (premium) Anything Boxes section (in Pagelines store) (Adam Munns) and the developer of the WP Polylang Multilingual plugin (Frederic Demarle).
       
      This was because the following problem occurred:
      Anything Boxes showed all posts of two languages (Dutch and English) on the respective static frontpages for each language. It should of course have filtered posts for Dutch language on the Dutch frontpage and English on the English frontpage.
       
      The solution to this problem was simple in the end. When duplicating a page for use in another language the settings for Anything Boxes were not copied to the new page and I should have set these settings manually again on the new page. I wasn't aware of this, but it makes sense. Because of this the pages didn't know how to differentiate between posts from different languages.
       
      The dev of Polylang told me that Polylang is currently smart enough to synchronize metas like Featured images and page templates but it does not work out of the box with metas created by plugins and themes but (according to Frederic) it is rather easy to add them in the list using the filter 'pll_copy_post_metas'.
      He mentions that he is not sure that these 'PageLines Meta Settings' are stored in post meta but that would make sense according to him. He asks if the Pagelines dev team will be interested to support this feature in the future.
       
      I'm also wondering if you will consider adding Polylang translation support for manually editable strings like the 'Read more…' strings in Pagelines Settings.
       
      Well that's of course up to you but I thought to let you know to be able to take this into consideration. I also post this for other users in case they experience the same kind of trouble and are looking for an answer.
       
      Best regards,
      Jan Peeters
    • bankrollbuilder
      By bankrollbuilder
      I used a custom hook to put a banner ad in my header. It works but its not in the right position. it is centered and above my logo and I would like to float it to the right of my logo in the header. heres the link: http://shaboopie.com/shaboopie-wp/free-logos-pg1/

      thanks.

      Dan B.
    • starlit
      By starlit
      Can one have two hero sections on one page?

      I want a landing page which leads/advertises two subpages.

      Or is there another option?

      Please help.

      THANK YOU
    • hutruk
      By hutruk
      Hi!

      I am using the shortcodes for tabs, as described in the documentation.

      When I insert the following code:


      [pl_tabs][pl_tabtitlesection type="tabs"] [pl_tabtitle number="1"]Title 1[/pl_tabtitle] [pl_tabtitle number="2"]Title 2[/pl_tabtitle] [/pl_tabtitlesection] [pl_tabcontentsection] [pl_tabcontent active="yes" number="1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/pl_tabcontent] [pl_tabcontent number="2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/pl_tabcontent] [/pl_tabcontentsection] [/pl_tabs]

      I get a strange output (in the attachment).

      Any ideas?

      Thanks in advance!

×