Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

weird appearance of sp social in specific template

Featured Lock Resolved
Hello,

I'm using ivaliant template http://themeforest.net/item/ivaliant-clean-responsive-joomla-template/4107507?WT.ac=solid_search_item&WT.seg_1=solid_search_item&WT.z_author=ibrave which contains sp social module. The problem I have, is that module appears on the front end with a button with this symbol "+" and you have to mouse over so the buttons of social media will appear. I want to put the buttons in the same position but without the "+" button. I've tried to contact the developers of the template but I hadn't any response. Thanks in advance!

7 Answers

Jakir hasan - Staff

More than a month ago #Permalink
Hi Christina,
They override the sp social module. So, You have to change css .

.sp_social{

-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0px 0px 0px 30px;
overflow: hidden;
float: right;
margin-right: 10px;
}

instead of

.sp_social{

-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
border-top: 1px solid #4E5053;
border-bottom: 1px solid #070707;
border-left: 1px solid #1B1B1B;
border-right: 1px solid #1B1B1B;
width: 0px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0px 0px 0px 30px;
background: #1B1B1D url(../images/share.png) no-repeat left center;
height: 30px;
overflow: hidden;
float: right;
margin-right: 10px;

}

and delete hover effect

.sp_social:hover {
width: 250px;
background: none;
border: none;
padding: 0 0 5px 0;
}


Thanks

Christina

More than a month ago #Permalink
You can see what I mean by pressing the "Live Preview" button in the link I gave. The module is near the up and right corner (under login)

Jakir hasan - Staff

More than a month ago #Permalink
Hi, Please share your website URL. We need to take a look....

Thanks

Christina

More than a month ago #Permalink
this is it!

Christina

More than a month ago #Permalink
thank you so much! It works <3

Jakir hasan - Staff

More than a month ago #Permalink
Hi Christina,
You are always welcome. Hope you enjoy with Joomshaper.......

Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 133
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 24
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289644

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us