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

Hey cmh428! That’s certainly odd – can you remember if it always occurred on your end or if it’s something that started up randomly? Have you also checked to make sure it’s not due to a plugin or one of your mods?

Well I found the problem – the sticky footer plugin!

Is it possible that they conflict because both have a “fade” effect and there is a jquery conflict? It looks like whats happening is that the slider fades in and then reloads.

If possible, I would like to continue using the plugin as its doing what I need it to – any chance you could recommend a workaround? If not, what do you recommend for a solution for the sticky footer

it worked with composer, solved it just this double logo

Good to hear

Now just add this into the Custom CSS box located in your Salient Options panel:

 
header#top #logo #retina-logo { display: none!important; }
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
   header#top #logo #retina-logo { display: block!important; }
   header#top #logo #default-logo { display: none!important; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
    header#top #logo #retina-logo { display: block!important; }
    header#top #logo #default-logo { display: none!important; }
}

Theme Nectar

thank you for all your help, you are stunning.

Relating to the code: because you helped me by logging into the website and fixing the code, does the code from your message still need to placed?

Martyna

I actually placed it for you already

Yes, I have just checked it Thank you

I have a question: the logo is not sharp, I see that within the code are words like “block” “none” what should I do to have a sharp logo?

Hi Theme Nectar

One question:

something is wrong with the the look of pages that use composer. Each row covers a part of the row above it. it can be seen here: http://www.mmevelo.com/misja/ or on home page with the portfolio items, I guy was working on the lookbook page and removed “the footer margin in the template. I removed it.” plus something esle as well. now the rows go up, for example text is hiding under the photos. http://www.mmevelo.com/misja/ or here: http://www.mmevelo.com/wspolpraca/

is it approximately 10-20 px.

What should I change to come back to correct view?

Thank you so much Martyna

Hey again Martyna,

I actually can’t any overlapping on those pages – have you already sorted this? If not please provide a quick screenshot highlighting the area you’re referring to.

Cheers

Hi Theme Nectar

The margin space was sorted out, thank you. It was our mistake.

there is just this thing: the logo issue: “I have a question: the logo is not sharp, I see that within the code are words like “block” “none” what should I do to have a sharp logo?”

Thank you Martyna

Hey webOpium,

Yes, but it would require some css – add this into your Custom CSS box located in your Salient Options panel:

header#top nav {
  text-align: center!important;
}

header#top nav > ul {
  float: none!important;
  display: inline-block!important;
}

body #header-outer .span_9, body #header-outer .span_3  {
  display: block!important;
  float: none!important;
  margin: 0!Important;
  width: 100%!important;
}

header#top #logo img {
    margin: 0 auto 20px auto!important;
}

Cheers

Hey AmyNYC,

You can set the starting text color for the nav but it’s a global option in the header options tab of the Salient options panel – you can’t change the color on a per page basis without css yet.

Cheers

Is there a custom css snippet I can add to the css panel? All I want to do is make the selected page’s link blue.

Thank you for your help. This is an awesome theme and I’m so happy with it’s functionality, flexibility and design!