Okay
  Public Ticket #849726
Is it possible to change the stacking order of single portfolio item?
Closed

Comments

  • Pat started the conversation

    Hi again,

    By the way I absolutely love this theme and think that is has one of the most sophisticated wp-admin theme customisation options I've seen to date, very impressed :D 

    My favourite portfolio view is the side portfolio with full screen background. The only thing is I don't like the way it stacks when responsive - below 992px the image drops below the description. This makes sense for many scenarios, only I'd rather have it drop below the image. 

    As it is currently, if you view my pages on tablet there is just so much scrolling to do through text before reaching any images. I'd rather see the images first and scroll down to the descriptions.

    Does this make sense and Is there a way I can achieve this fairly easily? 

    Thanks in advance!

    Pat 

  • [deleted] replied

    Hi Pat,

    Can you please write URL of this exact page here on comments first? We need to investigate your site and then get back to you if we have possible solution.

  • Pat replied

    Hello,

    For example this page:
    http://vurtmedia.co.uk/portfolio/noisily-festival/

    If you look at it with a screen res narrower than 992px the image drops below the description. The text is first meaning that there is a long way to scroll before you reach the image. 

    I understand why it does this of course, but I would like to stack it the other way if possible. So the images come before the text description!

    Thanks :) 

    Pat 

  • [deleted] replied

    Hi Pat,

    Can you please download this file:

    http://drops.laborator.co/1cMx5

    And then replace it in kalium/tpls/ folder.

    This should work for you.

  • Pat replied

    Hi Arlind,

    Thanks for your help! This does work when stacked at less the 992px, exactly how I want it :) 

    Only problem is it messes up desk top view. See screenshot attached. Can this be fixed?

    Pat 

  • Pat replied

    Arrrrgh help!!! I changed it back as I realised I could swap the divs around with javascript instead and leave the mark up the same... 

    But now it's crashed the page!!!! It's strange because I've copied the original portfolio-single-1.php file back in and uploaded it. Emptied the cache also but I still get this error:

    http://vurtmedia.co.uk/portfolio/noisily-festival/

    Warning: include() [function.include]: Filename cannot be empty in /home/vurtmedi/public_html/wp-content/themes/kalium/tpls/portfolio-single-1.php on line 9

    Warning: include() [function.include]: Filename cannot be empty in /home/vurtmedi/public_html/wp-content/themes/kalium/tpls/portfolio-single-1.php on line 9

    Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/vurtmedi/public_html/wp-content/themes/kalium/tpls/portfolio-single-1.php on line 9

    This is so strange because it's back to the original file, completely untouched! Also it works on my local machine... :o

  • Pat replied

    OK ignore that! It seems I had deleted the portfolio-details.php file on the server by mistake... Work now. 

    FYI I'm going to just swap the position of the divs with javascript so no need to change the markup :)

    Thanks for your help 

  • [deleted] replied

    You are welcome buddy. Thanks for letting me know about this.

    Have a great day.