DMS 2 Team page

[Disaj+ 0]

Hi,

I need to show 40 or more staff on one page, each staff would have a photo, name position and a link to view the full bio. I don't want a long scroll of posts. Ideally I would have some sort of grid/tiles... What is the best way to achieve this?

 

The masonic gallery is unfortunately not good enough... unless I've missed something!

 

http://dswebdev.co.uk/team

 

 

[Danny+ 1,327]

Hi,

 

You could trying using this plugin - https://wordpress.org/plugins/our-team-by-woothemes/

However, I haven't tested this myself with DMS. Another alternative would be for you to just use either the iBox section or MediaBox section.

[Disaj+ 0]

Hi Danny,

the iBox section is great, thanks – I haven't explored all the possibilities DMS offers yet, early days still. Great.

 

On your demo (http://themes.pagelines.com/dms/about-us/) as I scroll passed the team section, the animated figure are just what I need how is this achieved?

[Danny+ 1,327]

The line counter is a section called StarBars and the counters underneath that is the iBox section.

[Disaj+ 0]

Thanks, will give it a spin.

 

I'm struggling with the templates... I've created a new page (let's call it B and it's based on template A), I've put all the new elements in place, saved the template and in page setup > templates in the popup for the active template I chose 'Update template with current configuration' and although all the other page on the site use template A they inherit the mods done to B. What I'm doing wrong?

 

Maybe there is a doc somewhere specific for the use of templates?

[Danny+ 1,327]

If this is happening, what you have done is based your template on template A, but you haven't unlocked the template before changing. Therefore, Template B thinks its still linked to Template A.

 

http://answers.pagelines.com/how-to-unlock-a-template

[Disaj+ 0]

Hi Danny, 2 questions

 

1) I'd like to add a font awesome (<i class="fa fa-arrow-right"></i>) in front of post links in the sidebar (recent post widget), I'm aware I need to add that to the php, can you tell me which file do I need to change to achieve that

 

2) a div that I have specified to be 60% wide just does that, however on my iPhone it needs to 100% wide. What is the full name for @media? (i.e @media only screen and (max-width: 767px)

 

Thanks

[Danny+ 1,327]

1. You will need to use a hook. However, we are unable to provide assistance or the code required to achieve this. As that widget is a WordPress core widget. You will need to ask this question on the WordPress support forums.

 

2. You will want to give that div a class and then use that class name in a media query.

[Disaj+ 0]

1. Ok I will try 

 

2. I know I need to give the div a class because I already have done that –as I said it is specified to be 60% wide– the question is: how is the media query worded? what is the name of the media query? I thought my example above was clear enough (the media query for iphone has a different name than the media query for an ipad, erm, I don't know max-width... min width... etc...)

 

3. New question: Page A is a long scroll, in the middle of that page is a section (A1) with a link to page B. On page B i want to insert a [back button] that will go to A1 (to the section A1 on page A).

I've inserted  <a id="anchor01"> in front of A1 and ../pageA#anchor01 on the page B back button but that doesn't work... any bright idea?

 

Thank you

[Danny+ 1,327]

2. For information on media queries see these articles:

 

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

 

3. If you want a link to jump a specific location on a different page, you'll need to replace #anchor with the full URL for the page, similar to:

 

http://www.mywebsite.com/pagea#anchor

 

If you have any further questions related to HTML or CSS, I recommend you check our W3Schools. Also, if you have any further questions that are not related to your original question please create a new topic. As we have a forum policy of one question per topic. This is for search indexing reasons.

[Disaj+ 0]

Ok thanks, will do new topic next time. Just to finish this one off, I've sorted the media query, the problem I have now is with DMS not refreshing the custom css output. I changed border: 1px solid red to border: 1px solid blue and although the code shows blue the iphone shows red border! any ideas? Thank you

[Disaj+ 0]

back to 1) I'd like to add a font awesome (<i class="fa fa-arrow-right"></i>) in front of post links in the sidebar (recent post widget), I'm aware I need to add that to the php, can you tell me which file do I need to change to achieve that 

 

I have asked the wp community and everyone says: sidebar.php (but I already knew that), however, when I open that file that's what I get:

 

 

<?php

 

/* 

 * Required by WordPress, but not used in PageLines. 

 */ 

 

so this is clearly a DMS question, can you help?

[Danny+ 1,327]

As this is a WordPress widget, you will need to ask this question on the WordPress support forums. Also, you should not edit any core WordPress files, instead you should use hooks. However, the WordPress support team will be able to assist further.

 

However, I have just this moment searched for you and apparently there is no filter or hook for the Recent posts widget. Therefore, you can try using CSS and the pseudo class :before to add your font awesome icons.

For more information on that see this article - http://astronautweb.co/snippet/font-awesome/

 

http://www.w3schools.com/cssref/sel_before.asp

[Disaj+ 0]

Thank you Danny, I have tried the pseudo method, for some reason the reverse solidus '\' doesn't seem to be accepted in my custom css.

 

 

code added in DMS custom:

 

.widget_recent_entries a::before {

font-family: PageLinesFont;

  content:"\f061";

    padding-right: 10px;

}

 

 

code shown in browser developer inspector:

 

.widget_recent_entries a::before{

1. font-family: PageLinesFont;
2. content: "f061";
3. padding-right: 10px;

}

 

as a result only f061 is shown in front of the links 

http://dswebdev.co.uk/network-dorset-statistics

[Danny+ 1,327]

To use advanced CSS like pseudo classes, you will need to use a child theme and add your CSS to either the style.css or style.less file. As the Custom editor in DMS strips out / \ etc... That is why it isn't working.

 

You can read more about child themes and download the PL Starter theme here - http://answers.pagelines.com/how-to-install-a-child-theme

[Disaj+ 0]

Thanks again, I've now installed the PL starter theme and activated it, and now all my sidebars have disappeared!!!!

[Disaj+ 0]

What a pain!!! I've finally solved it... just added the CSS block into header.php

 

simple

 

Thanks for your help