XF 2.3 Remove Share Widget from Box

[MapleOne]

I have the share widget displaying at the bottom of the index page and would love to remove the box but there is no advanced mode for that widget.

On the threads there is an standard Xenforo widget that displays like this.





I would love to mimic that for the index page but am struggling a bit on how to accomplish that.

Has anyone got a simple fix for it?

 

[Deleted member 184953]

I did this:

[data-widget-key="forum_overview_share_page"]
{
    .block-container
    {
        background: transparent;
        border: none;
    }
    .block-minorHeader
    {
        color: @xf-textColorDimmed;
        padding: 0 0 0 10px;
        background: transparent;
        font-weight: normal;
    }
}

 

[MapleOne]

That did not work for me, but I can probably use it as a base to figure it out.

 

[MapleOne]

I got it by changing the widget-key

 

[Deleted member 184953]

.block-minorHeader
{
   display:none;
}

 

[Deleted member 184953]

I got it by changing the widget-key

Of course!

 

[MapleOne]

.block-minorHeader
{
   display:none;
}

Was just going to do that as well, thank you

Now just have to figure out how to add the word share to make it look like the standard share on all the thread pages.

 

[MapleOne]

.block-minorHeader
{
   display:none;
}

Anyone following this

/* Hide Share Box Index Page */
[data-widget-key="share_page"]
{
    .block-container
    {
        background: transparent;
        border: none;
    }
    .block-minorHeader
    {
        color: @xf-textColorDimmed;
        padding: 0 0 0 10px;
        background: transparent;
        font-weight: normal;
    }
}


/* Hide Share Header Index Page */
[data-widget-key="share_page"]
.block-minorHeader

That is the full code I used, just had to change widget key and add this to the second part so the other headers stayed intact.

[data-widget-key="share_page"]

Thank you @Old Nick for the help

 

[MapleOne]

/* Add share to share widget */
[data-widget-key="share_page"]
div.block-container:before {
  content: "Share:";
  visibility: visible;
  font-size: 14px;
}

So far I have the above code to mimic the word share in front

Needs some work to get it to lock like this below but not bad for a beginner trying css so far.



What it looks like

What I want it to look like