Discussion on ShapeShifter 2 : Responsive, Flexible, One Page

736 comments found

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
rachelo Purchased

Hello, awesome theme – thank you! I have one thing I can’t seem to locate. I have done a bit of customizing the css, but cannot find where to modify the width of the sub-nav for the navigation. The transparent black box that pops up to the right of the left hand navigation? Please help! Thanks. Rachel

MDNW
MDNW Author

Hi Rachelo! Good question – this is actually setup through the /assets/javascripts/skeleton-key.js file from these lines:

$("ul.sf-menu").supersubs({
             minWidth:    14,   // minimum width of sub-menus in em units 
            maxWidth:    29,   // maximum width of sub-menus in em units 
            extraWidth:  0    // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
         }).superfish({
             delay: 600,
             Speed: 100,
             animation:   {opacity:'show',height:'show'},
             autoArrows: true,
         }); 

Hope that helps! B

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
rachelo Purchased

Perfecto! Thanks so much for the quick answer.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
paddyor Purchased

Sorry, stupid question from a rank amateur. When I put in my own content the scrolling stopped working. I’ve obviously broken something or am misunderstanding the whole concept. I created new pages and assigned them to scrolling in the OptionTree options. [url removed]

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

I am unable to see previews for any of your themes from within theme forest.

MDNW
MDNW Author

Oops! I was just moving over from one webhost to another this morning… there must have been some temporary downtime during the process ;) Everything is up right now. B

Default-user

I’m still seeing the problem. But it’s probably just dns. I’ll try back tomorrow.

MDNW
MDNW Author

It’s possible – Try again now – the new previews should all be posted at shapeshifter.mdnw.net :)

B

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
Marleey Purchased

Hi

I know this question is going to sound really stupid but I am having major problems setting up my gallery in the portfolio section, I’ve tried to follow your instructions but it just doesn’t seem to work for me and i know its probably something really simple but I just can’t get them to show up in my portfolio. Do you have any other dicumentation i can follow? Thanks

MDNW
MDNW Author

Hi Marley! There’s no dumb questions ;)

Check out the portfolio/page video over here: http://youtube.com/makedesignnotwar

In short though, you just need to create a portfolio page, then create some blog posts (with featured images!) to populate it ;)

Cheers! B

Default-user
Marleey Purchased

Thanks for that. I had a look at the video and I’ve followed it, I created my portfolio page and the posts and when I view the posts it comes fine but when I go back to the website it shows nothing up on the the page, not sure where I’m going wrong, any ideas?

MDNW
MDNW Author

Heya Marley! Got a link that I can peek at? Do all of the posts have a featured image set up yet?

B

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

How do I add text / picture to the right of a Contact Form 7 code like the demo? Thank you!

MDNW
MDNW Author

Hi Yis! For that I’m using the column shortcodes to create 2 columns – one has the contact form, the other has the image ;) Check out the documentation for the responsive column shortcodes or use the Shortcodes Ultimate plugin for a different set of column shortcodes based on percentages :)

B

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 2-3 years
BcCorby Purchased

HI, does anyone know how to add extra blurbs to the home page so I can keep it at three columns but add extra rows?

MDNW
MDNW Author

Heya BC! To get this one done requires some custom coding on your part. You’d essentially need to copy the markup for the other three columns below the original three, swapping in your own hard-coded images/links/text for the theme options values instead :) B

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
Marleey Purchased

Hi

I think i have nearly figured out my portfolio gallery so I have set up all my posts for my portfolio and when i got to the portfolio page they are all there but they are opening up indiviadually in the lightbox so it only opens up one at time, how do i change this.

Thanks

MDNW
MDNW Author

Hi Marley – This is how it’s setup – the lightbox will show a “gallery” for each individual post… meaning that if there’s more than one image in your posts, it’ll rotate through those. It does not rotate through all of the images for the entire portfolio section ;) B

Default-user
Marleey Purchased

Thanks, I think I was confusing myself on how it worked. I do have one more question though, how do i change the font size for the text in the text in the welcome section?

MDNW
MDNW Author

Heya Marley! Which text specifically? there are a few different types of text across the welcome section ;) A screenshot always helps as well. B

Default-user
Marleey Purchased

Its the welcome text on the front page, it says its the feature row so its right underneath the slider (I don’t have any blurb boxes under the slider). I actually don’t see any other options for any other welcome text in the documentation or looking through option tree?

MDNW
MDNW Author

Hi Marley! Try this snippet:

.supertagline{font-size: 18pt;}

:) B

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 5-6 years
ravi000 Purchased

Great template but the client hates the responsive. Bad luck. How to turn it off so that the webpage behaves like normal?

Thanks.

MDNW
MDNW Author

Heya Ravi! Two ways:

1. Easy way (only turns it off for phones/tablets): Remove this line from header.php:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

2. Much harder solution: Delete the media-queries from the theme’s stylesheets. Specifically, delete the bottom section of /assets/stylesheets/skeleton.css and /assets/stylesheets/styles.css that begin with a media query. MQ’s look like this:

/* Media Query Breakpoints Stack */ 
/* 960 and above */ 
@media only screen and (min-width: 959px) {} 

/* Tablet to 960 */ 
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes */ 
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Size  */ 
@media only screen and (min-width: 480) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */ 
@media only screen and (max-width: 479px) {}

Essentially, delete anything that’s wrapped in a block starting with @media ;) Again, this is totally harder as it requires you to reverse engineer everything that the platform is designed on… but it’s the only way to un-responsive-ize the theme for all platforms.

Cheers! B

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years

How do we remove the link on the bottom footer right side to “Fonts from…” The image covers the social link and also when clicked takes off the page. We should have the option to remove this external link and ad.

Please advise on how to do this.

Thank you, Ricardo

MDNW
MDNW Author

Heya Ricardo! Just remove it from your Typekit.com kit settings – or if you’re not using Typekit, just remove any text that you have in your Font Replacement settings in the Theme Options panel ;) B

Default-user

Thanks! That worked. I’m sure we’ll have a few more things as we build this out. Appreciate your help.

MDNW
MDNW Author

My pleasure! B

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years

Where can we set the speed of the slider on the top of the welcome page? Thank you.

MDNW
MDNW Author

Heya Ricardo! This will be a theme option soon enough, but till then, edit it from the /assets/javascripts/skeleton-key.js file – there’s a big, obvious section for the slider parameters with full documentation :)

Cheers! B

  • Bought between 1 and 9 items
  • Has been a member for 5-6 years

Will there be a site template of this theme like at the first version of shapeshifter? Because i would not like to pay the double price and have a lot of work removing all the wordpress stuff?

MDNW
MDNW Author

Heya Soeren! There’ll actually be an HTML only version coming out in the next month or so ;) I think that’s what you’re asking for, right? B

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years

Hey There! I purchased your theme a couple of days ago, really happy with it so far, nice work! I’m customizing you’re theme for a client now, and customizing stuff always leads to unexpected problems.. I’ve got a question: Is it possible to have multiple category calls on the scrolling-landing-page ? I’m using the breakout row on the landing page but i want different post excerpts also showing in a different section(page) also appearing on the landing page.. Can this be done? I don’t care if an ugly hack is necessary ;). Any plugin suggestions perhaps?

So in short: i have category: workshops and category: news.. I want news in the breakout row and workshops posts in the workshops section. Thanks a lot for the help!

Cheers - Jacco

MDNW
MDNW Author

Heya Donorbrain!

Yes… but not without a fair amount of extra coding. You’d need to basically need to:

1. Create a duplicate copy of the element-breakoutrow.php file under a new name

2. Call the new file into the footer.php file where you want it using the basic call-template function:

get_template_part( 'element', 'your-custom-breakoutrow' ); 

3. Code up the new optional categories in the OptionTree admin section…

Alternatively, I suppose you could take a quick shortcut if the categories will never change (ie: you don’t need to change them in optionTree on a regular basis) by copying the code in element-breakoutrow.php, pasting it below itself and then just adjusting the category argument to read as a hard-coded reference to your Workshops cat.

So ya, it’s possible, definitely what I’d consider to be an advanced theme modification though as there is some hairy stuff in there ;)

B

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • United States

Hello Friend,

I am running into a similar portfolio issue as someone mentioned earlier. The posts, post categories, and featured images, are setup. The portfolio page has been setup with the correct categories, and template. The site still is not showing any posts. Perhaps I’m missing something simple. Do you mind taking a look? http://www.vimanacreative.com

MDNW
MDNW Author

Heya Derek!

Keep in mind that you can’t use a page-template on the scrolling section (it’s mentioned a few times in the documentation). Long story short, WP blocks using templates within templates… so you’d need to make the portfolio a standard image gallery or add it to the traditional menu space :)

B

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

Hi, thanks for the theme, it’s really good. But I need some help. When viewing www.avetics.com on a mobile browser, the Albatross section photos overlaps with Services words. Anyway around this?

MDNW
MDNW Author

Heya Hotduck! It seems to be loading fine for me on my iPhone… any chance you have a screenshot of the issue that I could peek at? Thanks! B

  • Bought between 1 and 9 items
  • Has been a member for 5-6 years
davesink Purchased

Really like this theme. I just bought it and am still setting it up. I relatively new to WP, but the documentation looks pretty thorough.

A couple of quick questions. I think I know the answer to the first one, but I just want to make sure:

1. If I want to include videos or filterable tabs in my portfolio, I can’t do either with the scrolling homepage, correct? That can only be done through the traditional menu?

2. When I add portfolio images or videos, is there any way to prevent them from showing up as “Recent Posts” in the sidebar. Ideally, I’d only like to have blog posts displayed there.

Thanks very much!

MDNW
MDNW Author

Sure!

1. Correct – or at least not without hard-coding the video into the any of the default pages. WordPress doesn’t allow page-templates inside page-templates though, so you can’t use the portfolio template inside the scrolling page template if that makes any sense :)

2. Hmmm – interesting question. I’m actually not sure on that one – you might want to look into a custom “Recent Posts” plugin that allows you to filter categories… check out the “Plugins > Add New” directory to see what’s available out there.

Cheers! B

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
Marleey Purchased

Hi

I was just wondering if i can turn the option for comments off, I’ve turned everything off in the discussion section but when I go back and look at my portflio, there’s still a place to post comments, i want to get rid of that comment box altogether? Thanks

MDNW
MDNW Author

Hi Marleey – Got a link that I can check out? Thanks! B

  • Has been a member for 3-4 years

1. “From The Blog” on my scrolling home page is now missing. Its selected to be shown in the options tree theme options as it always had, but now it wont appear. It DOES show up after individual posts tho. HELP ?!

2. I see there’s been a few updates since I purchased this theme. What is the simplest way to update the theme files to the latest version on my site without loosing data / images / custom menus?

MDNW
MDNW Author

1. Add this snippet to your Theme Options > Skin (or Styling) Options > Custom CSS field:

.home #breakout-row{display: block !important;}

2. The content (blog posts, pages, menus, theme options, etc.) are all tied to your WP installation, not the theme. You can update the theme whenever you want unless you’ve made significant changes to the theme’s PHP and CSS files :)

B

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
meno19 Purchased

I am having difficulty with a page displaying the image galleries. The page is assigned the 4 column portfolio. I have a post that has a gallery in it. How do I get the posts to show up as gallery images?

MDNW
MDNW Author

Heya Meno – Keep in mind that you can’t use the portfolio galleries on the homepage scrolling template… the gallery on the homepage is just using the WP gallery shortcode. For the actual page templates, add them to the traditional menu and then just make sure there are valid blog posts with featured images assigned :) B

Default-user
meno19 Purchased

Yeah that was the problem. Thanks for the quick reply.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Brandon,

Do you know why my “DISQUS” plugin looks so weird when viewed from IE on this theme? At 1920×1200. It looks fine on firefox, and safari, but broken in IE. Any ideas? http://menandmadness.com

MDNW
MDNW Author

Heya Nycto – this’d more or less be something that you’d want to file over at the Disqus support forums… we’re not including any extra code or styling that’d block this though – so I would venture to say that it’s a browser styling issue that they might already have a quickfix for :)

B

by
by
by
by
by
by