‘4c. I see the following code.

I don’t want to mess things up:) How do I change things?

// **********************************************************************// 
// ! Share This Product
// **********************************************************************// 

add_shortcode('share', 'etheme_share_shortcode');
if(!function_exists('etheme_share_shortcode')) {
	function etheme_share_shortcode($atts, $content = null) {
		extract(shortcode_atts(array(
			'title'  => '',
			'text' => '',
			'tooltip' => 1,
	        'twitter' => 1,
	        'facebook' => 1,
	        'pinterest' => 1,
	        'google' => 1,
	        'mail' => 1,
			'class' => ''
		), $atts));
		global $post;
		if(!isset($post->ID)) return;
	    $html = '';
		$permalink = get_permalink($post->ID);
		$tooltip_class = '';
		if($tooltip) {
			$tooltip_class = 'title-toolip';
		}
		$image =  etheme_get_image( get_post_thumbnail_id($post->ID), 150,150,false);
		$post_title = rawurlencode(get_the_title($post->ID)); 
		if($title) $html .= '<span class="share-title">'.$title.'</span>';
	    $html .= '
	        <ul class="menu-social-icons '.$class.'">
	    ';
	    if($twitter == 1) {
	        $html .= '
	                <li>
	                    <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" title="'.__('Twitter', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-twitter"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }
	    if($facebook == 1) {
	        $html .= '
	                <li>
	                    <a href="http://www.facebook.com/sharer.php?u='.$permalink.'" title="'.__('Facebook', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-facebook"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }

	    if($pinterest == 1) {
	        $html .= '
	                <li>
	                    <a href="http://pinterest.com/pin/create/button/?url='.$permalink.'&media='.$image.'&description='.$post_title.'" title="'.__('Pinterest', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-pinterest"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }

	    if($google == 1) {
	        $html .= '
	                <li>
	                    <a href="http://plus.google.com/share?url='.$permalink.'&title='.$text.'" title="'.__('Google +', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-google-plus"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }

	    if($mail == 1) {
	        $html .= '
	                <li>
	                    <a href="mailto:enteryour@addresshere.com?subject='.$post_title.'&body=Check%20this%20out:%20'.$permalink.'" title="'.__('Mail to friend', ET_DOMAIN).'" target="_blank">
	                        <i class="ico-envelope"></i>
	                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
	                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
	                        </svg>
	                    </a>
	                </li>
	        ';
	    }
	    
	    $html .= '
	        </ul>
	    ';
		return $html;
	} 
}

On my MacBook Pro and on my iMac I have the same issue.

See images:

https://www.dropbox.com/s/ufbfio02h3r7s2g/Schermafbeelding%202016-12-14%20om%2010.07.33.png?dl=0
https://www.dropbox.com/s/8nohksxudgl7lv7/Schermafbeelding%202016-12-14%20om%2010.09.00.png?dl=0

If I make my MacBook Pro screen very small, I can see that the same issue will occur in the mobile view:

4s: https://www.dropbox.com/s/2hysxtxpypolgd6/Schermafbeelding%202016-12-14%20om%2010.16.00%20%28iPhone%204s%29.png?dl=0
6s: https://www.dropbox.com/s/x63jki0wvelnv8c/Schermafbeelding%202016-12-14%20om%2010.16.40%20%28iPhone%206s%29.png?dl=0

Thank you

‘1. The products on the Home page look good, but on other pages it doesn’t.

See https://www.atelierchristian.nl/sieraden/page/86/.

‘3. https://www.test.atelierchristian.nl/catalogus/

Dear Eva,

Thank you kindly for taking the time to answer.

‘4a) Please see the test website for the top bar with widgets in question.

‘4c) In Theme Options > Header > Header custom HTML I see the following: <p>[share]</p>. Where do I change the [share] icons?

‘7) That is very unfortunate. Is there no way where I can achieve the same result?

Thanks.

Best regards,

Christian

Hi Eva,

Thank you, but it didn’t help. Do you have a suggestion of how to solve this?:)

7. On the Live Preview of the Royal Theme, you get to see images when you hover over a word in the menu bar. For instance, under Demo > Electronic > [hover mouse over word] image of Nokia Luma920.

Link: http://preview.themeforest.net/item/royal-multipurpose-wordpress-theme/full_screen_preview/8611976?_ga=1.143094005.1332743067.1477339173

How do get this effect?

For login codes, see Private Content

I installed the plugin for adding custom CSS. It worked.

Thank you Eva!

Question: how did you know where to look?

The issue with the header: please help

Dear Rose,

Now there is an extra line. How do I remove this line?

I have tried different things, but now I cannot alter the Copyright Footer. The only thing standing there is the Visa, MasterCard thing.

See Private Content.

Also, I tried making the footer like the static blocks video, but the bottom line ‘© Created with by 8Theme. All Rights Reserved’ [Mastecard, Visa etc.] kept showing up.

Thank you Eva.

When I make the Recents posts into a widget, and then place the widget in the Static Block, I then have the issue that the colour of the posts are grey.

What CSS code do I use to make the Recent Posts colour back to the nice yellow-orange that is installed automatically?

If I try to change the colour of the background as you suggest, then the colours of the letters in the image changes as well. Furthermore, there appear white lines at the side of the footer, making them ‘boxed’ rather than stretched. Said differently, this approach is not a solution to my issue.

I would like to comment that it is very frustrating that I have this issue. How can I simply install my footer correctly? If I do it for the home page in the way that is explained in the video about static blocks, then I get the result that the Royal default footer (with your logo and Flickr pictures etc.) appears on any other page than the Home page.

What am I doing wrong here and why does this have to take so much time?