News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Moving to Right Side - Button - ShareThis

Started by BugginIn, March 11, 2023, 08:23:10 AM

Previous topic - Next topic

BugginIn

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?




/*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

DeadMan...

What version of SMF are you using?
If not mistaken, that mod appears to have been made for the 2.0.x line.
I tell it how I see it... Don't like it? Hit Alt+F4!

BugginIn

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

BugginIn

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

BugginIn


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

This topic can be closed... Thanks all.


Advertisement: