Social icons « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

Social icons

13 posts from 5 voices

Started 1 year ago by bg08ard
Latest reply from Dude
This topic is resolved

Tags:

No tags yet.

bg08ard
Member

Hello,
I read many post in this great forum, but I'm not sure to identify the correct answer.
So sorry if I create a duplicate...
How to open the "social icons" below each post in another window (I already changed the icons located in header near search form) ?
Thank you
Bigi

Posted 1 year ago #
Dude
Dude

Hi!

Please refer to this thread: http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab

Best regards,
Peter

Posted 1 year ago #
bg08ard
Member

Hello Dude,
Thank you, I'll try one of this method. Do you know if the first with Java Script works with all browsers ?
Best regards
Bigi

Posted 1 year ago #
bg08ard
Member

Hello,
For social icons in the header, it's limited to 3 ? I use link to contact + feed + twitter (+ search form) : I could add Facebook ?
Thank you
Bigi

Posted 1 year ago #
Devin
Moderator
Hello,

Its not limited, but you might have to adjust the width of the rounded box they are inside. Just add the following to your CSS and adjust the 335 number up if you need to.
```
#headextras {
width: 335px !important;
}
```
Regards,

Devin
Posted 1 year ago #
bg08ard
Member

Ok Dude,
I modify style.css or others style (1,2,3,4) ?
Instead of #, I insert the url to my facebook account : I add "http://fr-fr.facebook.com/public/first-name-name ?
It's possible to insert each post in my facebook account ?

And as you open the door...
I want to add a link to viadeo and a link to linkedin, it's possible ?
Thank you
Bigi

Posted 1 year ago #
Mya

Hi Bigi,

Yes, you replace href="#" with href="link-to-your-facebook-account". To add LinkedIn and Viadeo, you would follow the same format as you did with Facebook but you'll need to replace the class name. So for example:

<li class='linkedin'><a class='ie6fix' href="#">LinkedIn</a></li>

You'll also need to add this to your CSS:

.social_bookmarks .linkedin a{background: transparent url(../images/skin1/linkedin_16.png) 0 0 no-repeat;}

Before you do that though you need to upload 16x16 icons for LinkedIn and Viadeo to your wp-content/themes/newscast/images/skin1/ folder.

Now for clarification, what do you mean by "insert each post in my Facebook account"?

Regards,
Mya

Posted 1 year ago #
bg08ard
Member

Hello,
This is stupid, but I can not find which file I change the code.
Style.css ?
Thank you
Bigi

Posted 1 year ago #
Ismael
Moderator

Hi,

I think this code:
<li class='linkedin'><a class='ie6fix' href="#">LinkedIn</a></li>
can be changed in: header.php
just find this line of code:
<li class='rss'><a class='ie6fix' href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
and place the HTML code that Mya provided below it.

The CSS code should inserted in style.css. Hope this helps. :)

Regards,
Ismael

Posted 1 year ago #
bg08ard
Member

Hello,
I meet some problems, but I think that is number of skin. I work with dark, it's skin 2 ?
Thank you
Regards
Bigi

Posted 1 year ago #
bg08ard
Member

Sorry, it works except that the 2 icons linkdin and viadeo don't appear... Links (= blank) work well...
Name of icons seems ok, I put an icon in each skin...

I think I've misplaced the following 2 lines :
.social_bookmarks .linkedin a{background: transparent url(../images/skin2/linkedin_16.png) 0 0 no-repeat;}
.social_bookmarks .viadeo a{background: transparent url(../images/skin2/viadeo_16.png) 0 0 no-repeat;}

I have inserted them in style.css, in the paragraph :

/*social bookmark icons*/
.social_bookmarks{
border:none;
display: block;
float: right;
list-style-type: none;
list-style-position: outside;
padding:5px 5px 0 0;
position: relative;
z-index: 6;
}

.social_bookmarks li{
float:left;
margin:0;
width:16px;
padding:0 7px 0 0;
}

.social_bookmarks li a{
height:16px;
width:16px;
display: block;
float:left;
text-indent: -9999px;
border:none;
padding:0;
outline: none;
}

.social_bookmarks .linkedin a{background: transparent url(../images/skin2/linkedin_16.png) 0 0 no-repeat;}
.social_bookmarks .viadeo a{background: transparent url(../images/skin2/viadeo_16.png) 0 0 no-repeat;}

It's ok or not ?
Thank you
Bigi

Posted 1 year ago #
bg08ard
Member

Sorry again, I understood that I insert in MY css, or style2.css...
Read and read again answer...

Posted 1 year ago #
Dude
Dude
Hey!

If you inserted the code in style.css use following urls instead:
```
url(images/skin2/linkedin_16.png)
```
and:
```
url(images/skin2/viadeo_16.png)
```
Best regards,
Peter
Posted 1 year ago #