Home Forums Basel support forum SOCIAL LINKS – VIDEO BACKGROUND – RECENT POST HOMEPAGE

SOCIAL LINKS – VIDEO BACKGROUND – RECENT POST HOMEPAGE

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1499

    graphe
    Participant

    Hello,

    I really like your theme.
    I have a few questions

    SOCIAL LINKS
    1.- I want to put youtube link, this is possible?
    2.- Can I change the order of this links? I want to put the email at the end
    3.- When I click on email link, a new page opens in my browser, it also opens the outlook

    VIDEO BACKGROUND
    Is it possible to put a background image or color overlay in a youtube video background?

    http://kitkasa.com/background-video.png

    BLOG IN HOMEPAGE (recent post)
    Is it possible to reduce bottom margin between posts like recent post?
    I wll try to change but it changes the entire column, I really like the desing of recent post widget, is it possible to put this widget or something like that in this blog column?

    http://kitkasa.com/blog-bottom-margin.png
    http://kitkasa.com/recent-post.png

    Thanks!

    #1508

    Artem Temos
    Keymaster

    Hello there,

    Thank you for being with us.

    1. Where exactly do you want to put it?

    2. You can change the order only by customizing file basel/inc/shortcodes.php. You can override social buttons function in your child theme. You can do this by placing it’s code into basel child functions.php

    function basel_shortcode_social($atts) {
    	extract(shortcode_atts( array(
    		'type' => 'share',
    		'align' => 'center',
    		'tooltip' => 'no',
    		'style' => 'default', // circle colored 
    		'size' => 'default', // circle colored 
    		'el_class' => '',
    	), $atts ));
    
    	$target = "_blank";
    
    	$thumb_id = get_post_thumbnail_id();
    	$thumb_url = wp_get_attachment_image_src($thumb_id, 'thumbnail-size', true);
    
    	ob_start();
    	?>
    	
    		<ul class="social-icons text-<?php echo esc_attr( $align ); ?> icons-design-<?php echo esc_attr( $style ); ?> icons-size-<?php echo esc_attr( $size ); ?> social-<?php echo esc_attr( $type ); ?> <?php echo esc_attr( $el_class ); ?>">
    			<?php if ( basel_get_opt( 'social_email' ) != ''): ?>
    				<li class="social-email"><a href="mailto:<?php echo ($type == 'follow') ? basel_get_opt( 'social_email' ) : basel_get_opt( 'social_email' ) . '?subject=' . __('Check this ', 'xtemos') . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-envelope"></i><?php _e('Email', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'fb_link' ) != ''): ?>
    				<li class="social-facebook"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'fb_link' ) : 'https://www.facebook.com/sharer/sharer.php?u=' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-facebook"></i><?php _e('Facebook', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'twitter_link' ) != ''): ?>
    				<li class="social-twitter"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'twitter_link' ) : 'http://twitter.com/share?url=' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-twitter"></i><?php _e('Twitter', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'google_link' ) != ''): ?>
    				<li class="social-google"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'google_link' ) : 'http://plus.google.com/share?url=' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-google-plus"></i><?php _e('Google', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'follow' && basel_get_opt( 'isntagram_link' ) != ''): ?>
    				<li class="social-instagram"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'isntagram_link' ) : '' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-instagram"></i><?php _e('Instagram', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'pinterest_link' ) != ''): ?>
    				<li class="social-pinterest"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'pinterest_link' ) : 'http://pinterest.com/pin/create/button/?url=' . get_the_permalink() . '&media=' . $thumb_url[0]; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-pinterest"></i><?php _e('Pinterest', 'xtemos') ?></a></li>
    			<?php endif ?>
    		</ul>
    
    	<?php
    	$output = ob_get_contents();
    	ob_end_clean();
    
    	return $output; 
    }
    
    add_shortcode( 'social_buttons', 'basel_shortcode_social' );

    3. How do you want it to work? In the same window?

    We can’t access your web-site and get error 403 Forbidden.

    Regards

    #1517

    graphe
    Participant

    Hello,
    Thank you for your response.

    1. I want to put youtube link with anothers socials link on header and footer
    youtube link - header

    2. Ok, it works, thank you!

    3. There is a problem with the email: when I clik on the email links a new blank window open with this URL:mailto:info@kitkasa.com. I just want a “normal” email, without windows, it should be opened only with the outlook (or another manager).
    error: email open in a new window

    4. BACKGROUND VIDEO: Is it possible? background video with an image above

    5. BLOG: I wll try to change the margin beetween posts, but it changes the entire column, I really like the desing of recent post widget
    post with less margin
    post like widget recent post

    Sorry for my english, and thanks for your help.
    The site is under construction, If you want I can give you FTP and WP credentials

    #1518

    Artem Temos
    Keymaster

    Change this function code to the following to add youtube link and fix mail link

    function basel_shortcode_social($atts) {
    	extract(shortcode_atts( array(
    		'type' => 'share',
    		'align' => 'center',
    		'tooltip' => 'no',
    		'style' => 'default', // circle colored 
    		'size' => 'default', // circle colored 
    		'el_class' => '',
    	), $atts ));
    
    	$target = "_blank";
    
    	$thumb_id = get_post_thumbnail_id();
    	$thumb_url = wp_get_attachment_image_src($thumb_id, 'thumbnail-size', true);
    
    	ob_start();
    	?>
    	
    		<ul class="social-icons text-<?php echo esc_attr( $align ); ?> icons-design-<?php echo esc_attr( $style ); ?> icons-size-<?php echo esc_attr( $size ); ?> social-<?php echo esc_attr( $type ); ?> <?php echo esc_attr( $el_class ); ?>">
    			<?php if ( basel_get_opt( 'social_email' ) != ''): ?>
    				<li class="social-email"><a href="mailto:<?php echo ($type == 'follow') ? basel_get_opt( 'social_email' ) : basel_get_opt( 'social_email' ) . '?subject=' . __('Check this ', 'xtemos') . get_the_permalink(); ?>"  class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-envelope"></i><?php _e('Email', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'fb_link' ) != ''): ?>
    				<li class="social-facebook"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'fb_link' ) : 'https://www.facebook.com/sharer/sharer.php?u=' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-facebook"></i><?php _e('Facebook', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'twitter_link' ) != ''): ?>
    				<li class="social-twitter"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'twitter_link' ) : 'http://twitter.com/share?url=' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-twitter"></i><?php _e('Twitter', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'google_link' ) != ''): ?>
    				<li class="social-google"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'google_link' ) : 'http://plus.google.com/share?url=' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-google-plus"></i><?php _e('Google', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'follow' && basel_get_opt( 'isntagram_link' ) != ''): ?>
    				<li class="social-instagram"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'isntagram_link' ) : '' . get_the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-instagram"></i><?php _e('Instagram', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    			<?php if ( $type == 'share' || basel_get_opt( 'pinterest_link' ) != ''): ?>
    				<li class="social-pinterest"><a href="<?php echo ($type == 'follow') ? basel_get_opt( 'pinterest_link' ) : 'http://pinterest.com/pin/create/button/?url=' . get_the_permalink() . '&media=' . $thumb_url[0]; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-pinterest"></i><?php _e('Pinterest', 'xtemos') ?></a></li>
    			<?php endif ?>
    
    				<li class="social-youtube"><a href="http://youtube.com/YOUR_LINK" target="<?php echo esc_attr( $target ); ?>"><i class="fa fa-youtube"></i><?php _e('Youtube', 'xtemos') ?></a></li>
    		</ul>
    
    	<?php
    	$output = ob_get_contents();
    	ob_end_clean();
    
    	return $output; 
    }
    
    add_shortcode( 'social_buttons', 'basel_shortcode_social' );

    4. Background video is possible to add to row with Visual Composer. See screenshot

    video

    5. We need to see your site to help in this question. Now we just get 403 error.

    #1519

    graphe
    Participant

    Thank you,

    Ok to all, thanks!
    4: In video background I want to put an image or color above the video, like this:
    video with image above

    I Send the credentials-

    Thanks a lot!

    #1520

    Artem Temos
    Keymaster

    We still can’t even access your admin panel https://gyazo.com/8a2eba03a790ce700db9aabf869d8e92

    And unfortunately there is no such option to set some image above the video in Visual Composer.

    #1521

    graphe
    Participant

    Hello,

    I don’t know what can happen, I’m working now and I’m logged in.
    Ok, thank you anyway!

    #1537

    Artem Temos
    Keymaster

    Finally we have opened your web-site.

    So here is a Custom CSS code to decrease the margin for your posts widget

    .wpb_wrapper .blog-post-loop {
        margin-bottom: 20px;
    }

    Hope this will help you.

    #1558

    graphe
    Participant

    Yes, it works!

    Thanks

    I give you 5 stars 🙂

    #1569

    Artem Temos
    Keymaster

    Thank you for the review, very appreciate! 🙂

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘SOCIAL LINKS – VIDEO BACKGROUND – RECENT POST HOMEPAGE’ is closed to new replies.