Jump to content

Archived

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

Disaj

Team page

Recommended Posts

Disaj

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

 

 

Share this post


Link to post
Share on other sites
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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?

Share this post


Link to post
Share on other sites
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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?

Share this post


Link to post
Share on other sites
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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

Share this post


Link to post
Share on other sites
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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

Share this post


Link to post
Share on other sites
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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

Share this post


Link to post
Share on other sites
Disaj

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?

Share this post


Link to post
Share on other sites
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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-familyPageLinesFont;
  2. content"f061";
  3. padding-right10px;
}
 
as a result only f061 is shown in front of the links 

Share this post


Link to post
Share on other sites
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Disaj

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

Share this post


Link to post
Share on other sites
Disaj

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

 

simple

 

Thanks for your help

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×