93 comments found

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

Hi Eugene,

I’m having an issue with videos portfolio items not centering and scaling up. (I admit they are .movs that I changed the file name on to be mp4 files, but this worked previously. )

Here’s some additional info which may be related: I just updated to the current version of wordpress and I updated a few pluggins: jetpack, askimet, and contact form

Are you aware of any issues like this with the FitVids pluggins and updates?

Thank you for any help.

Your fan,

-Brendan

p.s. here’s my site: http://unicornfactory.com/ here’s an example of the video noe centering or scaling: http://unicornfactory.com/portfolio/ride-along/
Default-user

(btw, I went from wordpress 3.8.3 to 3.9.1)

Default-user

Yeah, so I just reverted to 3.8.3 and now the issue is resolved. Hope this helps save someone esle some headache :) (I’m guessing this is a FitVids issue and has nothing to do with your theme perse, but you do use it so hopefully it will help to have this on your radar :)

Default-user

Sorry, SPOKE TOO SOON… :( now I am pulling all my videos directly from vimeo and they’re not scaling to full width and centering.

One will: http://unicornfactory.com/portfolio/world-war-z/ (actual size of source is 960×540)

but another will not: http://unicornfactory.com/portfolio/abraham-lincoln-vampire-hunter/ (720×405 actual size of source)

Any suggestions?

EugeneO

This was happening to someone else. I just recopied the Vimeo URLs into the post and it fixed itself.

EDIT: It doesn’t look like you have FitVids activated. I use the latest version with “body” as the selector and have had no problems.

EDIT 2: Also I can see that the problem video was only just uploaded. It could be that there was no higher resolution version of the video available yet to embed when you created the portfolio item. This was another solution the other user found.

I just created a test page with the video and it worked fine. http://themes.eugeneo.com/soapbox/portfolio/testing-video-oembed/
Default-user

Thanks, Eugene. EDIT 1 worked. in Appearnace>FitVids I entered “body” under “Enter jQuery Selector”. Hopefully this will solve this across the board. Many thanks!! :)

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

Hey Eugene.

Love your work, will buy the theme in next fee days. In the meanwhile I have some questions:

1. Can I change the size of the portfolio thumbnails to, let’s say, 200×200px by default? Or is that something I can force by using custom CSS?

2. What will happen with the extra 5 dollar deposit when I buy your theme by creditcard?

3. Is it possible to display the title of the portfolio item on the right side of the thumbnail instead of the left? And how can I disabled the category to be displayed at the bottom of every portfolio item?

4. Where can I find a “Child Theme for Dummies” on the internet?

Thanks in advance!

Paul

Default-user

Forgot one, sorry:

5. Can I change the order of the Portfolio items?

EugeneO

1.) That would have to be changed via CSS.

2.) That is a question for Envato support. Theme authors play no part in the actual purchasing system.

http://support.envato.com/

3.) If you mean on the portfolio grid then it is possible but would have to be done via CSS. It wouldn’t be difficult as all you would do is float or align the text in the opposite direction.

4.) This is the best place to start.

http://codex.wordpress.org/Child_Themes

5.) Portfolio Items are listed in chronological order with the latest first. To change their order you can simple change the publish date as the publish date is not displayed anywhere on the template.

Default-user

Thanks for the quick answers, Eugene. Would you be so kind to lead me into the right direction with that CSS coding?

1. Portfolio thumbnails are being displayed by the portfolio-grid.php page, I presume? Can you give me an example for displaying 200×200px?

3. Also for the alignment I’d really like an example.

Thanks!

Paul

EugeneO

1.) You would have to change the dimensions of the images output in the template file.

2.) I don’t have the exact code but I would start by use text-align: right or float: right on the text element.

Default-user

Thanks. Too bad I don’t have a clue where to look for. Haha.

Anyway, will do my best to find out how it all works.

EugeneO

1.) The template used to output the portfolio grid is portfolio-grid.php. The part where the images are generated and output is easy enough to find in there.

Default-user

2. Found it!

<hash>post-grid .post-excerpt-content { 
    float: right;
}
  • Bought between 100 and 499 items
  • Canada
  • Has been a member for 2-3 years

Hi EugeneO,

I’m thinking about buying this beautiful, yet simple template. However, I have a question: is there any way on mobile to make the “menu” button anchored on the screen instead of disappearing when you start scrolling?

Thank you.

EugeneO

There is no option built in to do that so you would have to code it yourself.

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

Hello,

Do you plan to add more social icon ? Like Soundcloud, Bandcamp, LinkedIn, Lastfm, Viadéo ?

Thanks

EugeneO

There are no plans for more social icons.

Default-user

It is too bad

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

Eugene!

Just bought and implemented your theme. Thanks!

2 questions:

1. Where can I define the max number of portfolio items to be shown per catergory? It is set to 10 and I want to increase it.

2. Is it possible to open the Social Network links in a new page? Such as a _blank option? Or do I need to edit the theme?

EugeneO

1.) Portfolios use the pre existing post per page option on the Settings > Reading screen.

2.) The social network buttons below portfolio item and post content already have the “_blank” attribute. The social button links in the sidebar will have to be changed manually in the navigation.php template file. Copy the file into a child theme and make the simple adjustment.

Default-user

Thanks for the answers. Created a child theme, activated it, uploaded a custom navigation.php and it’s all good. Yay! :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
Skym4x Purchased

Hi Eugene,

I have one issue, in portfolio page, i don t have thumbnail in black and white pict, only name on black screen, but when a click on name i have the page with pics my website : http://guenahelorgebin.com/

have you have any idea ?

Thx for your answer

EugeneO

You need to give the portfolio items a feature image on the portfolio item’s edit screen.

Default-user
Skym4x Purchased

sorry but how you proceed ?, in the edit item i have only my image how i can add feature image plz ?

Default-user
Skym4x Purchased

ok i have found it !! the french traduction was not bad, sorry for incoveniance et thank for all ;)

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

Hi. I just purchased the Theme. Great work!

I’ve just got some questions:

1) Within the “Blog” Page: Is it possible to change the page style of each post? For instance, if I have a youtube video inside that post, it would be great if the post would be “post cropped header” style rather than the half split. Where do I change the appearance of the post? Here is an example on my site http://www.ismono.com/BLOG/?page_id=1605

Or Rather: How do I get this Style http://themes.eugeneo.com/soapbox/2014/02/15/produce-a-motion-graphics-video-with-creativity/

2) And still regarding the blog: Is itpossible to show the youtube video on the overall blog page?

3) I’ve inserted some selfhosted MP4 files (1024×576px). the player now places the video in the top left corner. is it possible to automaticly scale the video within the player or at least to play it centered? http://www.ismono.com/BLOG/?portfolio=nike

Thanks for the help!

EugeneO

1.) Give the post the video post format and it will add the video to the left half of the page below the post’s feature image as it is on this example post:

http://themes.eugeneo.com/soapbox/2014/02/15/produce-a-motion-graphics-video-with-creativity/

2) There is no option to do that.

3.) Videos that use the built in media player are already responsive however videos from YouTube and Vimeo are not. To correct taht Install the recommended FitVids plugin. To do that, go to “Appearance > Install Plugins” and install and activate the plugin in the list. After activating the plugin go to “Appearance > FitVids” and enter “body” as the jQuery selector.

Default-user

Hey Eugene, THanks for the quick reply. That helped a lot. But the FitVids option did not work. In safari the videos scale properly, but in Firefox they dont. Entering the “body” in Jquery resulted in a non visible (audio is playing though) video. In Safari it is still visible.

And the Fullscreen Option does not work within firefox. But in Safari it works.

On your livepreview the videos work just fine within Firefox.

Any suggestions?

EugeneO

I’m not able to replicate the problem in Firefox version 28.0 & 30.0.

Here is the video playing and scaled to fill the content width:
http://oi58.tinypic.com/34qoagx.jpg

Here is the video in fullscreen:

http://oi58.tinypic.com/1035pqc.jpg

Have you tried clearing your browser cache?

Default-user

That’s odd. Yes, I’ve cleared the browser Cache and I’m running Firefox 30.0

This is how it looks like on my end. Firefox 30.0 on Macbook Pro Retina

http://de.tinypic.com/r/24g1rbt/8
Default-user

Ok, I’ve just tried something: It seems like Firefox (on the Retina Display) Only scales the image of the player but not the video nor the actual buttons. Therefore: If i scale down the window to the size of the shown video, the visible video controlls allign to the actual positions of the buttons and are then usable.

Hope I explained that ok. Do you know how to solve that problem?

EugeneO

I have no idea what the exact cause of that is or how to fix it. I don’t know if it’s a CSS problem (I don’t believe it is), a video file problem or directly related to the browser.

You said the videos on the live preview work fine when you view them in Firefox?

Default-user

Yes, the “Reverese” Video scales properly. I used the same settings for transcoding the videos, although right now the videos are in 1024×576, I have tried 1280×720 which resulted in the same “unscaled” small view of the player.

EugeneO

I’ve compared the video code between the two sites. The only difference I can see is that the live preview of the theme has this on the <video> element:

style="width: 100%; height: 100%;"

Do you know how to use the browser developer tools to add that attribute to the <video> element and then test the video in fullscreen?

The video code is generated by WordPress so the difference between the two sites is probably down to the fact the live preview is running a newer version of WordPress (4.0 alpha).

Default-user

Unfortunately I don’t know how to use the developer tools. Is that within Wordpress inside the Theme Editor?

EugeneO

Its in your web browser.I don’t have a mac so I can’t test it myself.

  • Open the page in Firefox.
  • Press “Command-Option-K” on your keyboard to open the Web Console.
  • Select the “inspector” tab along the top of the Web Console window.
  • Press Command-F to open the search tool. Enter “video” and press return/enter. The video element will be shown in the Web Console.
  • Right click on the <video> and select “Edit As HTML”.
  • Paste the following piece of code immediately after <video and before src=" in the <video> element.
    style="width: 100%; height: 100%;"
    Refreshing / reloading the page will undo this change.
  • Press play on the video. See if it works okay.
  • Press the fullscreen button. See if it resizes correctly.
Default-user

I don’t know if I pasted in the right place, but that code did not work, BUT I found this

<embed id=”me_flash_0” class=”mejs-shim” width=”640” height=”360” scale=”default” flashvars=”id=me_flash_0&isvideo=true&autoplay=false&preload=metadata&w…w.ismono.com%2FShowreel%2Fh264%2FFFHSH_Fleischer.mp4%3F_%3D1” src=”/BLOG/wp-includes/js/mediaelement/flashmediaelement.swf” pluginspage=”//www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” wmode=”transparent” bgcolor=”#000000” quality=”high” loop=”false” play=”true” name=”me_flash_0”>

And as you can see, the video size is 640×360 instead of a procentual value. How can I change that within wordpress?

BTW: Thanks so much for your help!!!

EugeneO

The size will always say 640×360 because that is the native resolution of the video.

Default-user

Ok, I see. But how do I change that? All my uploaded videos are 1024×576? Isn’t there an “easy” solution to force autoscaling?

EugeneO

The video player is a part of WordPress, not the theme. The 640×360 doesn’t mean anything because the player is supposed to be responsive. Auto scaling should (and in all my tests does) just happen.

EugeneO

The problem you are having could be because Firefox does not have full mp4 support. You can test this by creating a webm version of your video and using that instead of the mp4 and seeing if the problem is still there.

If the webm version works we can move onto testing my improved theme code which would allow you to have multiple video sources for wider browser support. The improvement in the theme code allows you to use the video shortcode built into WordPress core instead of just the video URL. This means you can specify multiple video sources with different formats.

If the webm video fixes the proboem and would like to test the improved theme code send me an email via the contact form on my profile page.

You will need a webm version of your video as well as the mp4 version you are currently using.

Default-user

I just tried a WebM Version ( http://www.ismono.com/portfolio/webm-test/ ) But that video wont play at all unfortunately.

Default-user

Ok, I found a solution. Probably not the best: Inside the media.php I just changed the width and height value inside “wp_get_video_extensions” to 1024×576. For now that will do the trick, I guess.

Thanks for your time and your help! I love the theme! Keep up the great work.

Default-user

Ok, it just worked partly. Scaling still does not work if I minimize the Firefox window. In Safari it works though. Is this maybe a problem with Fitvids and Firefox?

EugeneO

No because you said the live preview worked fine when you viewed it. I think FitVids is only used on YouTube and Vimeo videos anyway.

I’m fairly confident the problem is that line of code that is present in the live preview video player and not in your sites video player. I believe the cause of that difference is because the live preview is using a newer version of WordPress. You could try upgrading to the 4.0 alpha version of WordPress however you wouldn’t be able to change back to the current version.

Maybe create a second WordPress installation with the newer version and test the video. Then, If it works you can upgrade your main site.

Default-user

Ok, Thanks. I guess I’ll stick to this solution for now. Fiddling with an Alpha version is too risky for a novice user.

Again: THANK YOU so much for your time!

  • Bought between 10 and 49 items
  • Envato Studio (Microlancer) Beta Tester
  • Has been a member for 5-6 years

Hello EugeneO,

Thanks so much for this incredible theme, it’s really fulfilling my needs so well.

One small issue I’ve just started having… in Chrome, it has stopped recognizing the Icon Font you are using!!?? Suddenly instead of the menu icon, or arrow icons, it’s just showing me letters… ex: http://ez-wp.ca/portfolio/arlene-blumer/

I’ve inspected the element in chrome, and apparently i’m getting an error “Failed to load resource: the server responded with a status of 404 (Not Found) ” for the .woff, .ttf and .svg files…

HELP! eric

EugeneO

The icons are appearing fine for me. Try clearing your browser cache and if that doesn’t work re-install the theme.

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

Hi EugeneO,

Is there a way to reorder the portfolio items? for example if I want to move a few items to the first row of the layout? I am seeing the latest folio item I make, shows up on the top left corner.

I just want to reorder the items so they show up the way I want the user to look at them in a order that makes more sense.

EugeneO

The portfolio items are order by publish date with the most recent shown first (top left of grid). To change the order the portfolio items are output change the publish date on the portfolio item’s edit screen.

Default-user

Thank you, I also found a way with a plugin that I installed. it worked. Plugin called Post Types Order. In case anybody else has this issue or wants to reorder them visually.

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

Hi EugeneO,

on the blog layout for a post with video, is there a way to have the featured image go below the video? on the video option when I set a vimeo, it puts the video below the featured image on the right side of post. basically just wanting to swap them to what the video layout does.

example: http://themes.eugeneo.com/soapbox/2014/02/24/what-makes-a-good-man/

Thank you!

EugeneO

You would have to swap them in the single.php template file. I would recommend copying single.php to a child theme and then making the change in the new version.

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

Hi EugeneO,

Is there a way to adjust side menu on the landing page to be exposed (open) when the user lands on the homepage only?

Thank you,

-sam

EugeneO

Try this in the function.php of a child theme.

function front_page_open_menu( $classes ) {

    if ( is_front_page() ) {
        $classes[] = active-menu';
    }

    return $classes;

}
add_filter( 'body_class', 'front_page_open_menu' );
Default-user

Thank You!

Default-user

I am getting a T_CONSTANT_ENCAPSED_STRING error

Default-user

this is how the code looks :

<?php /** * Custom functions for Soapbox child theme should be added here. **/ function front_page_open_menu( $classes ) { if ( is_front_page() ) { $classes[] = active-menu'; } return $classes; } add_filter( 'body_class', 'front_page_open_menu' ); ?>
EugeneO

It was missing an opening quotation mark.

function front_page_open_menu( $classes ) {

    if ( is_front_page() ) {
        $classes[] = 'active-menu';
    }

    return $classes;

}
add_filter( 'body_class', 'front_page_open_menu' );
Default-user

It worked, thank you.

Default-user

It worked thank you, after looking at it a few times, it looks like the button doesn’t return the icon to the 3 lines stacked instead it has the ”-” icon when collapsed and vise versa. Is there a way to tell it to return to the right state? http://fatcactus.com

Default-user

please disregard, I am going back to normal version. Thank you so much for your support. Great theme!

  • Sold between 1 and 100 dollars
  • Exclusive Author
  • Has been a member for 3-4 years
  • Bought between 50 and 99 items
  • Europe
Inspoir Purchased

Hi, Eugene. I need to insert #disqus_thread in style.css so the Disqus comment form look normal (margin, padding, etc.). With what exactly should I replace/do #disqus_thread? What lines etc. Thank you so much

EugeneO

Sorry but I don’t know. You should look at the plugin documentation. The comment templates are comments.php (the comment thread) and /inc/funky-comment.php (each individual comment).

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 0-1 years
luyaoli Purchased

Hey,Bro! Really nice theme?I’m so happy to meet Soapbox and you. But I got few trouble…

One: I’m in China now,Google has been screened out here.All the service(Google Fonts and Google Ajax)from google can not be loaded.Here is a repetition of Google in China:useso.com. I have to replace all googleapis.com with useso.com(I learned from the internet). Could you tell me how to do it?

Two: Fitvids is perfect match with Vimeo.but I usually use www.youku.com.Fitvids can work with youku.com,but the video ratio is not 16:9,it is 4:3.I have entered “body” in the jQuery Selector.

Here is my web: http://www.zossis.com/?portfolio=%E5%8F%91%E5%8F%8D%E5%8F%8D%E5%A4%8D%E5%A4%8D How can I fix it?

~I’m new to Wordpress,please help me.

EugeneO

I have no experience with useso.com or getting Google APIs to work in china so the following are all guesses.

1.) The fonts used in the theme do not support non-latin characters so you will probably want to use your own font anyway.

To change the font file path you would need to use something like this inside a child theme functions.php:

function soapbox_child_enqueue_scripts() {

    if ( !is_admin() ) {

        // Remove existing font styleheet enqueue
        wp_dequeue_style( 'noto-sans' );
        wp_dequeue_style( 'montserrat' );

        // enqueue new font stylesheet
        # Google Font (Noto Sans)
        wp_enqueue_style( 'noto-sans','URL TO 'NOTO SANS' GOOGLE FONT GOES HERE' );

        # Google Font (Montserrat)
        wp_enqueue_style( 'montserrat', 'MONTSERRAT' GOOGLE FONT GOES HERE' );
    }

add_action( 'wp_enqueue_scripts', 'soapbox_child_enqueue_scripts' );

To change the contact template you need to make a copy of page-contact.php in the child theme and make whatever changes the article says are necessary to get Google maps working, My best guess is this line needs to be changed:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

2.) FitVids does not support yuoku.com videos. You will either need to find a responsive video embed WordPress plugin that supports youku.com videos or add youku.com support to FitVids. There is a section on the FitVids Github page explaining how to do that:

https://github.com/davatron5000/FitVids.js#add-your-own-video-vendor
luyaoli
luyaoli Purchased

Thank you very much!!

In your demo site:http://themes.eugeneo.com/soapbox/portfolio/reverese/

It is not vimeo,I love this video style,it is very cool. Could you tell me how did you make this? I was wondering to know the player settings,and where did you upload this video to…

EugeneO

That is the media player included in WordPress. I just uploaded the video to the WordPress media library and included a direct link to file in the page content.

luyaoli
luyaoli Purchased

Thanks!! Bro:)

Two other issues?

1).I want to add a custom social icon and links,How to it?

2).How to change the theme fonts?

EugeneO

1.)

  • Find or make the logo icon font.
  • Add the HTML for the button to single.php and single-portfolio.php.
  • Include the icon font files and add the button styling CSS to a stylesheet.
2.) You would use @font-face. http://www.font-face.com/
luyaoli
luyaoli Purchased

Thanks a lot!! Can I add widget in Nagivation Bar?

EugeneO

No you can’t place widgets in the navigation sidebar bar.

by
by
by
by
by
by