• I love it. Does exactly what I was hoping for.

    I ended up making the following custom css changes to get it to look the way I wanted:

    // THESE ARE FOR MASTODON WIDGET
    
    div.card a div.meta div.description {
    	display: none;
    }
    
    a .meta .description {
    	display: none;
    }
    
    div.account:has(> span.booster) { 
    	display: none;
    	padding: 0;
    }
    
    .include-mastodon-feed .status {
        background:  #f5f5f5;
        margin: 5px 0 10px 0;
        padding: 15px 15px 0 15px;
        //border-bottom: 1px solid #E4E4E4;
        border: 1px solid #E4E4E4;
    }
    
    .include-mastodon-feed .contentWrapper.boosted {
    	padding: 0;
    	background: #f5f5f5;
    }
    
    .include-mastodon-feed .account {
    	padding: 0 0 11px 0;
    	font-size: 11px;
    	font-style: italic;
    	font-family: Verdana, Arial, Helvetica, Sans Serif;
    	color: #808080;
    }
    
    .include-mastodon-feed .boosted .account a:nth-child(2), .include-mastodon-feed .contentWarning a {
        border: none;
        padding: 0;
        background: none;
    		color: #A25A1B;
    		text-decoration: none;
    }
    
    .include-mastodon-feed .boosted .account > a:first-child, .include-mastodon-feed .contentWarning a, .include-mastodon-feed .boosted .account a:nth-child(2), .include-mastodon-feed .contentWarning a {
        border: none;
        padding: 0;
        background: none;
    		color: #A25A1B;
    		text-decoration: none;
    }
    
    .include-mastodon-feed .boosted .account > a:first-child:hover, .include-mastodon-feed .contentWarning a:hover, .include-mastodon-feed .boosted .account a:nth-child(2):hover, .include-mastodon-feed .contentWarning a:hover {
    	color: #F90;
    	border: none;
    	padding: 0;
    	background: none;
    	text-decoration: underline;
    }

    (Please forgive the css. I just hacked this together. I don’t really understand what I’m doing, ha ha.)

  • The topic ‘Works great!’ is closed to new replies.