[Caroline MParticipant]

Hi,

I’m loving the theme 🙂 I’m new to web design but have been really pleased with what I have managed to achieve so far with your theme – thank you!

I have a few things that I’d like to fix / change that I really need your help with on my site – http://www.upcycledworld.com/

1. I want to replace the social media icons and I have downloaded the floating social media icons plug-in. The new icons appear in my sidebar but do not appear in the header / footer or when adding to posts.

The plug-in is giving me the following message – Your theme needs to be fixed for plugins to work (Especially Floating Social Media Icon). To fix your theme, use the Theme Editor to insert <?php wp_head(); ?> just before the </head> line of your theme’s header.php file.

I am using a child theme and want to update this however as I’m a newbie to the php I’m not sure what text I need to copy into the child theme function.psp to enable this to work. Can you please advise?

2. How do I change the hover wording when the viewer hovers over a blog? Currently it reads – Permalink to:”Blog title”. I would like this simply to show the blog title (so remove Permalink to:)

3. Also I want the background of my side bar and the bottom footer to be white, can you tell me what css I should be inserting to do this?

4. On this page – http://www.upcycledworld.com/featured-upcyclers/ there is a massive gap between the page title and the first header / blog. How do I reduce this gap?

Many thanks

Caroline

[SupportMember]

Hey Caroline,

Thanks for writing in. You are very welcome and we are glad that you are loving our theme.

1. I want to replace the social media icons and I have downloaded the floating social media icons plug-in. The new icons appear in my sidebar but do not appear in the header / footer or when adding to posts.

Please follow this settings for your floating social media icons plug-in – see screenshot
For Header:
– In your Child theme, open and edit this file – /framework/views/global/_topbar.php. On line 18, please comment out that line of code adding ” // “ (without the quotes) just after the <?php. Your code should look like this:
<?php //x_social_global( 'topbar' ); ?>
Right after that line, insert this code:

<?php 
  echo '<div class="x-social-global">';
    DISPLAY_ACURAX_ICONS();
  echo '</div>'; 
?>

For Footer
– Open and edit this file – /framework/views/integrity/wp-footer.php
from line 24 to line 26, please comment out the default codes by adding ” // “ (without the quotes) just after the <?php. Your code should look like this:

<?php //if ( get_theme_mod( 'x_footer_social_display' ) == 1 ) : ?>
  <?php //x_social_global( 'colophon' ); ?>
<?php //endif; ?>

Right after that code block, insert this line of code:

<?php
  DISPLAY_ACURAX_ICONS();
?>

2. How do I change the hover wording when the viewer hovers over a blog? Currently it reads – Permalink to:”Blog title”. I would like this simply to show the blog title (so remove Permalink to:)
– Open and edit – /framework/views/integrity/_content-post-header.php
On line 16, Delete the words “Permalink to:”

3. Also I want the background of my side bar and the bottom footer to be white, can you tell me what css I should be inserting to do this?

You can use this CSS Classes:

.x-sidebar { background: #fff; } /** for sidebar **/
.x-colophon.bottom { background: #fff; } /** for footer **/

4. On this page – http://www.upcycledworld.com/featured-upcyclers/ there is a massive gap between the page title and the first header / blog. How do I reduce this gap?

Please refer to – http://theme.co/x/member/kb/css-class-index/
You will need to add a CLASS to the content band shortcode, use the “pan” class (without quotes).

Hope that helps!

[Author]

Posts