Joomla Templates Club 406,261 posts

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#504446

<em>@Saguaros 387648 wrote:</em><blockquote>Could you pm me admin account of site you’re working on? I will check it for you.</blockquote>

Thanks! PM’d you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#504625

Hi xtra12,

By default, we provide 4 social icons for sample only, if you want to add pinterest or other additional icons, you need to change to background social icon image in folder: /templates/ja_fixel/images/ico-social.png

then add style for it. For example, for youtube icon:


.social-link .addthis_toolbox > a > span.at300bs.at15t_youtube {
background-position: 0 -178px !important;
}
.social-link .addthis_toolbox > a > span.at300bs.at15t_youtube:hover {
background-color: #7B4939 !important;
background-position: -60px -180px !important;
}


Here is ico-social.png image that include pinterest icon:

---

Attachments:

1. ico-social.zip

[xtra12 Friend xtra12Join date: August 2013Posts: 65Downloads:15Uploads:6 Thanks: 15]

#504646

Thanks, Saguaros. Where do I add the style code at? Where the mod is or in a CSS?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#504716

It locates in template.css file in template folder, but this is custom css so it’s best to put it into ‘custom.css’ file in: templates/ja_template_name/css

If you use editor like Firebug in Firefox, it’s easier to find out.

Regards

[salirporbenidorm Friend salirporbenidormJoin date: December 2012Posts: 25Downloads:13Uploads:9 Thanks: 16]

#507179

hi:
Ive got this problem with adthis code gets on top of mainmenu cross and arrow

any way to move those icons please?
thx

---

Attachments:

1. 

[simplesite Friend simplesiteJoin date: August 2013Posts: 155Downloads:0Uploads:57 Thanks: 20 Thanked: 4 times in 1 posts]

#507220

I have the same issue.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#507430

Hi

Where do you want to move these icons? Could you guys post your site’s URL here for further checking? also set Optimize Css in template manager to No.

[simplesite Friend simplesiteJoin date: August 2013Posts: 155Downloads:0Uploads:57 Thanks: 20 Thanked: 4 times in 1 posts]

#507434

http://going-natural.com/jfixel/

I don’t necessarity want to move the icons. I just don’t want them to overlap the red arrow icon in the top right.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#507556

Hi

Try to add this css rule:


.at4-follow {
right: 32px; <<< you can change to your desired value
}


into /templates/ja_fixel/css/custom.css file.

[selmar Friend selmarJoin date: November 2009Posts: 15Downloads:43Uploads:4 Thanks: 7]

#508080

Hello Sagauros, how do I integrate my Flickr account with a button?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#508158

Hi selmar,

You can add more follow buttons for your social media profiles on Facebook, Twitter, and other popular social networks by getting the code via http://www.addthis.com site.

[selmar Friend selmarJoin date: November 2009Posts: 15Downloads:43Uploads:4 Thanks: 7]

#508356

I do understand that… but there is for instant no button in the template for Flickr to click on when you integrate it in the JA_Fixel website
It looks like this (with Facebook logo & Flickr no logo):

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#508377

As I mentioned in #32nd reply, we provide some icons for demo only and I give an example of re-creating the ico-social.png image which includes an additional icon for Pinterest. You can make the same with Flickr icon 🙂

1 user says Thank You to Saguaros for this useful post

1. selmar

[ncunico Friend ncunicoJoin date: April 2013Posts: 31Downloads:0Uploads:9 Thanks: 12 Thanked: 4 times in 1 posts]

#512226

I f I use the code generated the social button turn into a circle instead of a square…

How can I just change the link using the exsisting layout?

Tnx

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#512232

Which code did you add? Could you post your site URL here for further checking?

[Author]

Posts