Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: BugginIn on March 11, 2023, 08:23:10 AM

Title: Moving to Right Side - Button - ShareThis
Post by: BugginIn on March 11, 2023, 08:23:10 AM
Hello All,

Loaded this Share this, love it's simplicity but struggling to move the Share button to right on custom theme.

https://www.simplemachines.org/community/index.php?topic=544492.0

Trying to fix so it doesn't open in drop down mode and move it to the right inline with other buttons or just above it. Played with code below, can't get it to change. Thoughts?

theme/css/index.css below - but thinking I'm missing changing somewhere else too?

(https://tristatesurvival.com/Themes/Dani_7/css/2023-03-11_8-18-30.gif)


/*Enter SocialShareTopicsAndPosts*/
.share{float:right;list-style: none;padding: 0 11px 0 0px;margin: 2px 0 0; text-align:center;}
.share li {display: block;position: relative;width:68px}
.share ul {display: none;}
.share a {text-decoration: none;display: block;box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.125) inset;text-decoration: none;white-space: nowrap;color:#fff!important; border-radius:5%;}
.share ul li a:hover {text-decoration: none;}
.share  li:hover li {float: none;}
.share-list { position: absolute;z-index: 2;padding:0px;margin:0;}
.share li :hover{background-color:grey;transition: 0.3s ease}
.share-list a {box-shadow: none;border-radius:0px;}
.fa.fa-facebook,.fa.fa-twitter,.fa.fa-google-plus{font-size:24px; text-align:center; color:#fff;padding:20px; display:block;}
.share button {
  background-color: #5A6C85;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  border:none!important;
}
.share button:hover{background-color:#677995;}
.fa.fa-share-square-o {padding-right: 5px;}
.fa.fa-facebook{background-color:#3A5795;}
.fa.fa-twitter{background-color:#26C4F1;}
.fa.fa-google-plus{background-color:#E93F2E; border-bottom-left-radius:5%;border-bottom-right-radius:5%;}
ul.quickbuttons{clear:none!important;}
.dwn-arrow:before{
font-family: "FontAwesome";
content: "\f0d7";
color:#5A6C85;
}
.share-list.dwn-arrow {margin-top: -7px;}
/*End SocialShareTopicsAndPosts*/

Thank you,

BugginIn
Title: Re: Moving to Right Side - Button - ShareThis
Post by: DeadMan... on March 11, 2023, 10:26:06 AM
What version of SMF are you using?
If not mistaken, that mod appears to have been made for the 2.0.x line.
Title: Re: Moving to Right Side - Button - ShareThis
Post by: BugginIn on March 11, 2023, 12:10:19 PM
Quote from: DeadMan... on March 11, 2023, 10:26:06 AMWhat version of SMF are you using?
If not mistaken, that mod appears to have been made for the 2.0.x line.

2.0.19


Thank you,

BugginIn
Title: Re: Moving to Right Side - Button - ShareThis
Post by: BugginIn on March 18, 2023, 10:21:03 AM
Hmmmmmm, this is odd...

Usually this community of crazy good SMF folks jumps in quicker...

I'll keep checking back then....

Thank you in advance.


BugginIn
Title: Re: Moving to Right Side - Button - ShareThis
Post by: BugginIn on March 18, 2023, 10:49:28 AM

OHHH Hold the phone... Not sure what I did, but it fixed itself...

This topic can be closed... Thanks all.