Joomla Templates Club 406,261 posts

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#563496

Look at both screenshot below

I see it’s working as fine, please let me know what did you expect on that?

---

Attachments:

1. 
2. 

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#563523

Ok, let me explain it clearer.

#1, jabookmark’s icons are not centered and missing the original print and email icons. However, if you hover on top of the print and email icons, you can still see that the buttons are still there. Just that the icons are missing

#2 please see the highlighted area with a black background after fixing the social buttons. I hope to get the original white background.

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#563710

You can find my solution for your question below

#1) Open templates/ja_fixel/css/custom.css file

find and change


.addthis_toolbox.addthis_floating_style.addthis_32x32_style .at4-icon {
background-size: auto!important;
}


to


.addthis_toolbox.addthis_floating_style.addthis_32x32_style .at4-icon {
background-size: auto!important;
margin-left: 10px;
}


#2) Open templates/ja_fixel/css/custom.css file

find and change

.social-link {
background-color: #111 ;
-webkit-transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
-moz-transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
-o-transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
}

to

.social-link {
background-color: #fff ;
-webkit-transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
-moz-transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
-o-transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
transition: background-color 0.6s ease-out, border-color 0.6s ease-out;
}

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#563784

Hi, thanks for helping out.

#1: The width is fixed but the height is not.

The 2nd problem is after you clicked on on it, the button will be greyed out.

#2: Thanks. I have changed the color back to white. However, if you hover on top of it, it will show and extra blank square.

#3: How to re-insert the print and email button again?

---

Attachments:

1. 
2. 
3. 
4. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#563901

I checked the social icons and seems that you add additional icons there as they looks different from default of this template. I can only help you to style it like default, add style for additional icons will take time

[Author]

Posts