Hey!

Add this into the Custom CSS box located in your Salient Options panel:

body .work-info-bg, body .work-info {
 display: none!important;
}

.wpb_column {
    padding-right: 20px;
}
.wpb_row > .span_12 > div:last-child {
  padding-right: 0!important;
}

Wont this affect all columns throughout the site though bud?

Hey, you’ll have to just hide the default title/controls with this:

 #full_width_portfolio .project-title {
  display: none!Important;
}

and continue placing them in below as you have in that example project

Oh thats a shame because there wont be a way to view next previous project or back to portfolio page, is there no other way? Perhaps move them down via css?

It would actually require modding the functions.php file in the page header function where the output gets generated – it would a lot better to move the HTML outside/below the header than to use css for this

Hey LiskaD,

1.

body #mobile-menu ul li a {
    padding: 10px 0 !important;
}
a > .sf-sub-indicator {
    padding: 10px!important;
}
a > .sf-sub-indicator i {
   color: #fff!important;
}

2. Open the init.js file located in the js folder and search for ”//portfolio more details page menu highlight”

3.

 
.current-menu-item a {
  fonot-weight: bold!important;
}

4. You’d need to open up the single-project.php file and add this into the sidebar div:

 
<?php next_post_link('%link','Next Project'); ?>

5.

 
.team-member img {
    margin-bottom: 0 !important;
}
.team-member .position {
  margin-top: -5px!important;
}

6. The positioning would take some time working with the css – but changing the color is easy:

 
body .swiper-container .slider-prev, body .swiper-container .slider-next {
    background-color: #517891!mportant;
}

7.

 
p {
    padding-bottom: 14px!important;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 4px!important;
}

Cheers

6. This worked, but on some of the slides it changes to white. Is this because it can tell if it needs to be visible ontop of dark image backgrounds? See the 4th slide… http://urbanworkstest.com/

Also…

1. Thank you! This worked.

2. I need to add to this request before moving forward with editing the init.js file. My project page has sub project pages (educational, planning, residential, other projects, ideas). Let’s say when I click “educational” which takes me to this page.. http://urbanworkstest.com/educational/ I need the nav to say… PROJECTS EDUCATIONAL ...like as seen here… http://i.imgur.com/w0Tu7QI.jpg Also, when on a specific project page like this one… http://urbanworkstest.com/portfolio/uno-galewood-elementary-school/ I need the nav to also say PROJECTS EDUCATIONAL ...like as seen here… http://i.imgur.com/tDmaNkb.jpg

3. Thank you! This worked.

4. Where would I need to add this code if I want the “Next Project” link to be just under the description text as seen here?... http://i.imgur.com/sPPUAkZ.jpg

5. I was able to tighten the the leading and bring Patricia’s name up, but now spacing on top of the names for row 2 and 3 are inconsistent with row 1. Anyway I can fix this?

6. I’ve got another question for this one. Please see screen shot here… http://i.imgur.com/ht5TB9h.jpg

7. Thank you! This worked.

Hey again!

2. Unfortunately there’s no way to add the subpage directly under the projects like that without custom JS development – the mod I supplied was just to get the projects item to highlight when on a single project page.

4. right above this line: if(comments_open()) { ?>

5. You have rows 2 & 3 set as full width BG and the first set as default for their type – just make them all one or the other for consistency

6. Please see my response to your other comment in regards

Cheers

Hello ThemeNectar!

Thanks for your help. I’m following up with a few more questions.

2. Regarding your previous answer “Open the init.js file located in the js folder and search for ”//portfolio more details page menu highlight”, I found the folder, file and line of code. What do I do now to highlight the “Projects” main nav link on individual project/portfolio pages?

3. Currently, the main nav active link is bold when you’re on a landing page. However, if you visit any secondary/tertiary pages (like individual portfolio pages), the active link goes back to regular. How can I make the active main nav link bold throughout the secondary/tertiary pages? Also, drop downs under the active links are now bold. We’d like those to be regular.

On the Blog, Is there a way to remove the Comments section in the posts’ meta nav? Ideally, we’d just like to have the meta nav list “By UrbanWorksTeam | Category

Hey!

2. You’ll be changing:

 $('body.single-portfolio #header-outer nav > ul > li > a:contains("Portfolio")').parents('li').addClass('current-menu-item');

to:

$('body.single-portfolio #header-outer nav > ul > li > a:contains("PROJECTS")').parents('li').addClass('current-menu-item');

3. Change your snippet:

 
.current-menu-item a {
    font-weight: bold !important;
}

to this:

 
.current-menu-item > a {
    font-weight: bold !important;
}

4.

 .meta-comment-count { display: none!important; }

Thanks so much for your help!

One other question.

What are the recommended proportions for the portfolio slider images? I have been trying various sizes/proportions for height and width, but the system seems to crop the image regardless.

For example, the second image on this page (http://urbanworkstest.com/portfolio/instituto-main-campus/) is 1800×830px. The woman on the right should have 20 pixels of space above her head, but the slider window crops that out.

Please let me know if you have any questions. Thanks so very much!

As long as you have the flexible height option active there should be no cropping – but for the size images you have you should make the slider height smaller (set it to around 730) or upload a bit taller images

Hello!

Thanks for all your help—really, you guys have gone above and beyond for us.

The flexible height option is on for this page’s slider: http://urbanworkstest.com/portfolio/instituto-main-campus/

I tried minimizing the the slider height to 730 with the 1800×830 image, and it really cropped the rendering from the top. I tried uploading a taller image (1800×900), and making the slider height 790. That seemed to work better, but some cropping still occurred. Not sure why.

If we want the slider height to be 765 throughout the site, what image size/proportions would you recommend to fit w/o cropping?

We really do appreciate it all your help.

If you set the slider height to 765 the image dimensions should be around 1800×850 with the flexible slider height on – please let me know how that works

Thanks! I tried it. I think we’re getting close, but the image is still noticeably getting cropped on the top and on the sides. Only the bottom appears to not be cropped. Would an image for your reference help?

Yes, please – I’m only seeing a few pixels getting cropped on the top in regards to this image http://urbanworkstest.com/wp-content/uploads/2014/02/Instituto3c1.jpg

Thanks for your response!

That image is 1700×802px.

The image I am currently working on is the following image in the slide: http://urbanworkstest.com/wp-content/uploads/2014/02/Instituto-vs6.jpg

It is 1800×850. It gets cropped noticeably from the top and on the left and right sides. We just want to be sure that none of our client’s architecture gets cropped out.

Thanks very much for your help. You guys have certainly gone above and beyond.

You’re welcome!

Are you using the http://urbanworkstest.com/wp-content/uploads/2014/02/Instituto-vs6.jpg in a different slider than the first one which is 1700×802px? If so please let me know where it’s located at so I can take a peek.

Hello! It’s in the same slider—Instituto Main Campus