SOCIAL LINKS – VIDEO BACKGROUND – RECENT POST HOMEPAGE

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!

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

Hello,
Thank you for your response.

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

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:[email protected]. I just want a “normal” email, without windows, it should be opened only with the outlook (or another manager).

4. BACKGROUND VIDEO: Is it possible?

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

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

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

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

Thank you,

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

I Send the credentials-

Thanks a lot!

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.

Hello,

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

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.

Yes, it works!

Thanks

I give you 5 stars 🙂

Thank you for the review, very appreciate! 🙂

[Author]

Posts