Project post page


#1

Hi, so I have a project page here: https://facetlifesciences.com/projects/discovery/
I am interested in having sidebar content, so I created a widget and made the visibility to “Show if Page is Projects” which didn’t work in showing the sidebar. Plus, I would want a different sidebar for each Project. I was thinking I could achieve this with a tag maybe, but I don’t see a way to add a tag in the single Project. Do you have any suggestions? I know that I could just create a new page, but I am trying to use the template tools. Thoughts? Thanks


#2

Hello there,

By default, sidebar is available on project pages. You don’t have to change anything. To control the widget’s visibility, you could use the Widget Logic plugin. Put your desired widgets to Sidebar area in the Appearance > Widgets. Enter is_singular('projects') into widget’s setting to only display on project pages.

22%20AM

You can study the complete available conditional tags in the WordPress system here in this codex.

https://codex.wordpress.org/Conditional_Tags

Regards,
Kharis


#3

Thanks, I will look in this!


#4

Kharis,
I tried this and it didn’t work on my site:

http://usm84.siteground.biz/~sbengine/projects/boynton-beach-bridge/

Can you take a look and let me know what I’m doing wrong?

I’d like to implement this on all of the Project pages that I’ve created, so I don’t have to create duplicate pages to get what I’m looking for: http://usm84.siteground.biz/~sbengine/our-projects/boynton-beach-bridge-boynton-beach-fl/

Thank you.

Andy


#5

Hello Andy,

I found your sidebar is hidden on project pages with this CSS code:

    .single-projects .widget-area {
        display: none;
    }

You might need to remove it first.

Regards,
Kharis


#6

Kharis,
When I view the code, I do see the CSS Code you indicate above, but this is not something that I’ve inserted into the backend, and I have no idea where it’s coming from, or how to remove it.

Can you offer any guidance?

Thank you.

Andy


#7

I found this CSS and implemented it, but it doesn’t work as it should:

    @media (min-width: 992px) {
        .single-projects .content-area {
            width: 75%;
        }
    }

    .single-projects .widget-area {
        display: block !important;
    }

http://usm84.siteground.biz/~sbengine/projects/boynton-beach-bridge/

Problems: (1) Not taking advantage of full width; (2) Sidebar Widget (Twitter Feed and Search feature) appear below the text, not to the right.

http://usm84.siteground.biz/~sbengine/our-projects/boynton-beach-bridge/

I’m trying to replicate the page above (our-projects)

Thank you.

Andy


#8

Hello Andy,

By default the main content and sidebar columns layout should look like this:

https://demo.athemes.com/talon-pro/2016/09/08/mauris-dolor-justo-tincidunt/

Your sidebar moves down as the below custom CSS applied:

    @media (min-width: 992px) {
        .single-projects .content-area {
            width: 75%;
        }
    }

Please remove it first. Then add the below CSS code:

    .widget-area .widget,
    .site-content .container,
    .site-main .hentry{
      box-shadow: none;
    }

    .site-content .container {
      box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
      background-color: #fff;
    }

to make them look unite into one column.

Regards,
Kharis


#9

Kharis,
I tried as you suggested and still it does not work - or look like the demo page you linked me to.

Could my installation be corrupt? Could your installation not be running off current version of Talon Pro so it therefore does not replicate the problem?

In the end, I’d like to get the Blog Posts, Project Pages and Employee/Staff pages to automatically have the sidebar widget appear in the proper location, so I don’t have to make duplicate pages so they are formatted the way I want them.

Conversely, is there a way to change the template for the Project pages so that this can layout properly?

Thank you.

Andy


#10

Not really sure about this before I could check it directly from your site’s dashboard. Mind sharing the working admin login credentials privately to my email at kharisblank@gmail.com? Before sharing it, enable the user activity log to monitor possible harmful work in the backend.

Regards,
Kharis


#11

Kharis,
I’m still unable to get the individual Project Pages that are created as a result of populating the Project Slug on the dashboard to show up with the sidebar widget:

http://usm84.siteground.biz/~sbengine/projects/bnsf-bridge-253-89/

When I view page source, I still notice that the CSS you mentioned above:

.single-projects .widget-area {
    display: none;
}

Still appears and I have no idea how it’s getting there.

Is there any way to remove it? Override it?

Thank you.

Andy


#12

I figured it out. Under Customizing > Talon Pro Options > Single Projects I had Full Width? checked. I unchecked it and now the Sidebar Appears.