Joomla Templates Club 406,261 posts

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

#204880

Hi,

I can’t seem to get the original template that I purchased. These are the problems that I encountered.

1. ja_bookmark icons cannot be centered

2. ja_bookmark icons are highlighted after each click

3. lost of print and email button.

Somehow the functions are changed and do not offer the same look that I originally purchased this template. Can someone please help me out.

---

Attachments:

1. 
2. 
3. 

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

#564220

Kindly follow this thread thread

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

#564457

Hi,

I was hoping that someone else could help me out to center the icons since you couldn’t help me. I’m not sure why the style of ja_bookmark got changed on its own and now no one can help me to fix it to make it look like the original that I purchased. I didn’t even modify the code at all and one day they are messed up.

Quite disturbing up till this point.:((:((

Can anyone else shed some light please?

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

#564493

Because the image here has been changed templates/ja_fixel/images/JA_Bookmark_Fix.png with default and height space between these images is not enough, that why you see it is not good but you can try to fix it with my solution below

+ Add css below into custom.css file


.list-icons .addthis_floating_style a {
height: 36px !important;
}


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

#564589

Hi, after I added the code, the square icon shrinks, please see attachment.

Is the print and email icon obtaining from templates/ja_fixel/images/JA_Bookmark_Fix.png as well?

---

Attachments:

1. 

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

#564635

This way will help you to show print and email icons

Open custom.css file and add new css style below


.item-page .list-icons .menu-edit ul li a {
position: relative;
}

.item-page .list-icons .menu-edit ul li a {
position: relative;
}

.view-article .popup-body .list-icons .menu-edit ul li a .icon-print, .view-article .popup-body .list-icons .menu-edit ul li a .icon-envelope, .view-article .popup-body .list-icons .menu-edit ul li a .icon-edit, .component.view-article .popup-body .list-icons .menu-edit ul li a .icon-print, .component.view-article .popup-body .list-icons .menu-edit ul li a .icon-envelope, .component.view-article .popup-body .list-icons .menu-edit ul li a .icon-edit, .item-page .list-icons .menu-edit ul li a .icon-print, .item-page .list-icons .menu-edit ul li a .icon-envelope, .item-page .list-icons .menu-edit ul li a .icon-edit {
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
text-indent: 0;
font-size: 20px;
}


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

#564650

Thanks, now the email and print icons show up again.

The first question was about the shrinking icons. It now doesn’t look like square anymore. Please refer to 5.png in my previous post.

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

#564795

Because the image has been changed here templates/ja_fixel/images/JA_Bookmark_Fix.png and you will see that there is not good distance between icons

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

#566365

Hi,

I have added much more distance to the icons there but they still look squished together…….could you please help thanks

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

#566417

<em>@rclpris 467769 wrote:</em><blockquote>Hi,

I have added much more distance to the icons there but they still look squished together…….could you please help thanks</blockquote>

I fixed the problem on your site with the solution below

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;
margin-left: 10px;
}

.at4-icon.aticon-google_plusone_share {
background: url(../images/JA_Bookmark_Fix.png) -3px -3px!important;
}

.addthis_button_google_plusone_share.at300b:hover .at4-icon.aticon-google_plusone_share {
background: url(../images/JA_Bookmark_Fix.png) 40px -3px!important;
}

.at4-icon.aticon-twitter {
background: url(../images/JA_Bookmark_Fix.png) -3px -36px!important;
}

.addthis_button_twitter.at300b:hover .at4-icon.aticon-twitter {
background: url(../images/JA_Bookmark_Fix.png) 40px -36px!important;
}

.at4-icon.aticon-facebook {
background: url(../images/JA_Bookmark_Fix.png) -3px -69px!important;
}

.addthis_button_facebook.at300b:hover .at4-icon.aticon-facebook {
background: url(../images/JA_Bookmark_Fix.png) 40px -69px!important;
}

.at4-icon.aticon-sinaweibo {
background: url(../images/JA_Bookmark_Fix.png) -3px -102px!important;
}

.addthis_button_sinaweibo.at300b:hover .at4-icon.aticon-sinaweibo {
background: url(../images/JA_Bookmark_Fix.png) 40px -102px!important;
}

.at4-icon.aticon-linkedin {
background: url(../images/JA_Bookmark_Fix.png) -3px -135px!important;
}

.addthis_button_linkedin.at300b:hover .at4-icon.aticon-linkedin {
background: url(../images/JA_Bookmark_Fix.png) 40px -135px!important;
}

to


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

.at4-icon.aticon-facebook {
background: url(../images/JA_Bookmark_Fix.png) 0px 0px!important;
}

.addthis_button_facebook.at300b:hover .at4-icon.aticon-facebook {
background: url(../images/JA_Bookmark_Fix.png) -33px 0px!important;
}

.at4-icon.aticon-twitter {
background: url(../images/JA_Bookmark_Fix.png) 0px -45px!important;
}

.addthis_button_twitter.at300b:hover .at4-icon.aticon-twitter {
background: url(../images/JA_Bookmark_Fix.png) -36px -45px!important;
}

.at4-icon.aticon-google_plusone_share {
background: url(../images/JA_Bookmark_Fix.png) 0px -90px!important;
}

.addthis_button_google_plusone_share.at300b:hover .at4-icon.aticon-google_plusone_share {
background: url(../images/JA_Bookmark_Fix.png) -36px -90px!important;
}

.at4-icon.aticon-sinaweibo {
background: url(../images/JA_Bookmark_Fix.png) 0px -138px!important;
}

.addthis_button_sinaweibo.at300b:hover .at4-icon.aticon-sinaweibo {
background: url(../images/JA_Bookmark_Fix.png) 42px -138px!important;
}

.at4-icon.aticon-linkedin {
background: url(../images/JA_Bookmark_Fix.png) 0px -184px!important;
}

.addthis_button_linkedin.at300b:hover .at4-icon.aticon-linkedin {
background: url(../images/JA_Bookmark_Fix.png) 42px -184px!important;
}


Let me know if it helps

---

Attachments:

1. 

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

#566468

Yes, it’s ok now, thanks

[Author]

Posts