Okay
  Public Ticket #880972
"About me" page not working on android-phones and blog-post thumbnails.
Closed

Comments

  •  2
    Albin started the conversation

    Hi,

    I have 2 problems.

    1. For my "About page" (www.albingustafsson.com/om-mig), the page is frozen on android phone-devices (works like a charm on iPhone. EDIT: Problem fixed.

    2. Youtube-video-thumbnails is not being generated when I post blog-posts (just text). 

  • [deleted] replied

    Hi Albin,

    1— I'm glad to hear that :)

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

  •  2
    Albin replied

    Hi!

    Here is the URL for me testing:

    http://albingustafsson.com/test/

    Looking forward to make it work, I want to start blogging :)

    / Albin

  • [deleted] replied

    Hi Albin,

    I don't know exaclty what you ahve done there because i don't have your login credentials for the moment, but please just check this mini video and maybe you will understand how you can achieve that :)

    So you need to select Video on the Format section


    (view large version)

    and then paste the link on description.

    If you still have trouble there please send us your WordPress username and password? We need to investigate your site and then get back to you if we have possible solution.

    Make sure to choose Private Reply when you send us sensitive informations!

  •   Albin replied privately
  • [deleted] replied

    Hi Albin,

    I just attached a feature image as i described on the video and now it is working.

  •  2
    Albin replied

    Hi again.

    The thumbnail ist not a playable youtube-video. So my problem remains. Sorry if I wasn't clear on what my problem was.

    I want playable thumbnails like this site also using Kalium: http://matt.legault.me/blog/

    /Albin


  • [deleted] replied

    Hi Albin,

    I have managed to solve this by setting Blogg page in Settings > Reading section, here you have the blog page rendering properly Video posts:

    http://albingustafsson.com/blogg/

    Note that if you show blog posts with Visual Composer widget, it will not render post format contents such as videos, audio. The only way is to show that in Blog assigned page in Settings > Reading section.

  •  2
    Albin replied

    Hi again.

    The video-player is not a youtube-player, like the site a linked to.

    Why is it so? Is it possible to have it like:

    http://matt.legault.me/blog/

    / Albin


  • [deleted] replied

    Hi Albin,

    If you are using Visual Composer widget to show blog posts, then the video player will not be rendered because it doesn't support. Only the default blog page support video player in thumbnails for now.

    So to make a blog page, go to Settings > Reading and assign a Posts page to a specific blank page (new one or existing) and then there the posts will be shown in full format.

  •  2
    Albin replied

    Hi.

    I have done as you said. But the mediaplayer is not the same.

    The difference can be seen in my screenshots.

    What do I do? :O

    /Albin

  • Mathieu Legault replied

    I think the main difference between the two screenshots is that my site has "Show post type icon" turned OFF in the Blog Settings tab, in the Kalium Theme Settings. 

    Also, I have my blog set to two column wide while you seem to have it set to three. You can also change that in the Blog Settings tab in the Kalium Theme Settings. 

    Lastly, for the border color around the tile, I believe you can change that under the Theme Styling tab, again, in the Kalium Settings.

    Cheers, I hope this helps!

  •  2
    Albin replied

    Hi!

    Thanks for the reply.

    The problem is the media-player.  Mine is having just a white playbutton instead of the whole youtube functionality-player.

    I don't know what to do :(


  • Mathieu Legault replied

    Try changing the Video Skin ? Look at attached screenshot.

  •  2
    Albin replied

    Have done it back and forth. Not working :( It changes in appearance but it is not the youtube-player. 

  • [deleted] replied

    Hi Albin,

    Sorry for the delay of reply.

    As I can understand you want the default youtube player for you blog posts? If so I have removed one line of code just to demonstrate it, see here:

    http://albingustafsson.com/bloggen/

    Each of the youtube skins is showing the video thumbnail properly generated.

    Sorry if I understand you incorrectly, but please tell me in details next time what you want to achieve with video section in blog so I can see what can I do for you.

  •  2
    Albin replied

    Hi!

    I'm really thankful for the help!

    Just one more thing, the thumbnails are not responsive.

    I compared the page to http://matt.legault.me/blog/ and they are responsive.

    /Albin

  • [deleted] replied

    Hi Albin,

    I've added the following code in Theme Options > Footer JavaScript:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script>
    <script type="text/javascript">
    jQuery( document ).ready( function( $ ) {
    $('.box-holder').fitVids();
    } );
    </script>
    And it fixed the issue of responsive videos.
  •  2
    Albin replied

    Hi again!

    Thank you. I want the featured image to view full width inside the singe blog page post.

    I have the settings for it. But it doesn't work.

    http://albingustafsson.com/oh-my-gosh/

    /Albin

  • [deleted] replied

    Hi Albin,

    I've fixed this as well. Please check and see if it works properly.

  •  2
    Albin replied

    Thanks for the help!

    On the single blog page the title and profile picture is not aligned as in your demo page.

    I'm sending pictures so you understand what I mean, haha :)

    Can it be fixed? And how did it happen? I'm clueless...

    http://albingustafsson.com/oh-my-gosh/

    /Albin


  • [deleted] replied

    Hi Albin,

    Oh, I see that there is a custom CSS that impacts the margin of H1 elements even in blog so here is the quickfix for you, add this Custom CSS in the end of editor:

    .blog-content-holder .section-title h1, .blog-content-holder .section-title h2, .blog-content-holder .section-title h3 {
    margin-top: 0 !important;
    }

    It will remove that extra spacing in blog post.

  •  2
    Albin replied

    Thank you!

    Regarding the page:

    www.albingustafsson.com/kontakt

    When showing the page on a mobile device, I want the submit button to be centered instead of to the right. I tried to do it with some custom CSS in the responsive tab XS EXTRA SMALL SCREEN of custom CSS. But is it really the correct way, the code I did?

    .message-form .send {
    float:none;
    width:60%;
    margin-left:20%;
    margin-right:20%;
    text-align:center;
    }

    And is it it possible to change social media link (Facebook) to a rounded icon when on a mobile device with the help of XS EXTRA SMALL SCREEN in the responsive CSS?

    Thanks for the support so far! You are really rocking it!

  • [deleted] replied

    Hi Albin,

    Can you please add this JS code in Theme Options > Footer > JavaScript & Tracking Code > Footer JavaScript:

    <script type="text/javascript">
    var $social = jQuery( '#footer .social-networks' );
    
    var socialIconsRoundedOnMobile = function() {
        var ac = jQuery( window ).width() < 768 ? 'rounded' : 'textual',
            rc = ac == 'rounded' ? 'textual' : 'rounded';
        console.log( jQuery( window ).width() );
    
        $social.removeClass( rc ).addClass( ac );
    }
    
    socialIconsRoundedOnMobile();
    jQuery( window ).on( 'resize', socialIconsRoundedOnMobile );
    </script>

    This should work for you.