Jump to content


Photo
- - - - -
Resolved

Assistance on finishing custom social media icon hook



  • Please log in to reply
8 replies to this topic

#1 illinimatt81

illinimatt81

    Super Member

  • Members

  • 205 posts
  • LocationChicago, IL
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 18 October 2012 - 06:51 PM

I added the following hook to the pagelines customize plugin functions.php after following this post in the forum:

Please Login or Register to see this Hidden Content




add_action('pagelines_inside_top_branding', 'my_unique_icons');
// function name
function my_unique_icons(){
?>
<div class="my_unique_icons"><a href="

Please Login or Register to see this Hidden Content

src="

Please Login or Register to see this Hidden Content


</div>
<?php }
// end function

I also added the following to my custom CSS


#branding .my_unique_icons {
float: right;
z-index: 10;
position: relative;
}

Two issues I am trying to resolve.

1) How do I get it positioned to the left of the Google + Social Icon? Currently it is at the top left of the header.

2) I have 2 versions of the icon one for mouseover and one for non-mouseover. How do I reference these to have the same effect as the other social media icons?

#2 batman

batman

    Bat Learning

  • Members

  • 1992 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 18 October 2012 - 07:57 PM

Hi, one question
Do you want to аdd the icon in the text widget in footer?
If it is right, you can add a HTML on it.

#3 illinimatt81

illinimatt81

    Super Member

  • Members

  • 205 posts
  • LocationChicago, IL
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 18 October 2012 - 10:34 PM

Here is what I want to accomplish:

Posted Image

#4 batman

batman

    Bat Learning

  • Members

  • 1992 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 18 October 2012 - 10:46 PM

Hi, now I understand sorry
Please, you can try with:

add_action('pagelines_branding_icons_start', 'my_unique_icons');
// function name
function my_unique_icons(){
?>
<div class="my_unique_icons"><a href="

Please Login or Register to see this Hidden Content

src="

Please Login or Register to see this Hidden Content


</div>
<?php }
// end function

#5 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 18 October 2012 - 11:58 PM

Hi there, which browser are you using? I can't see any duplicate on hover (i'm using firefox)

You can align next to the other icons using the following css

Please Login or Register to see this Hidden Content



#6 illinimatt81

illinimatt81

    Super Member

  • Members

  • 205 posts
  • LocationChicago, IL
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 19 October 2012 - 01:07 AM

Hi, now I understand sorry
Please, you can try with:

add_action('pagelines_branding_icons_start', 'my_unique_icons');
// function name
function my_unique_icons(){
?>
<div class="my_unique_icons"><a href="

Please Login or Register to see this Hidden Content

src="

Please Login or Register to see this Hidden Content


</div>
<?php }
// end function


I have implemented this code and now the iTunes logo is aligned correctly and the mouseover is working as it should. However the Google + icon is now below the iTunes logo almost off the screen. Any ideas?

#7 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 20 October 2012 - 01:55 AM

Hi there, to move the icon so it's not pushing the other item down you'll need to align it with css. Please try the following, let us know if this works for you. The should show up link this



Please Login or Register to see this Hidden Content



#8 illinimatt81

illinimatt81

    Super Member

  • Members

  • 205 posts
  • LocationChicago, IL
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 20 October 2012 - 02:12 PM

Hi there, to move the icon so it's not pushing the other item down you'll need to align it with css. Please try the following, let us know if this works for you. The should show up link this

http://imgur.com/w2OVu

Please Login or Register to see this Hidden Content


This worked! Thank you!

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 20 October 2012 - 06:22 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved