Styling report post link

[gavpedz]

In an effort to make my community more self-moderated I want to make the report post link a little more prominent.

Is there any way I can style that link only to make it stand out a bit more and maybe move it next to the quote and edit post links? People just miss it in its current placement. 

[steve00]

You can move it of course but then you would likely have to revert the template and re-do the change with every upgrade

could try styling to your own requirements e.g.

in custom.css add:

.ipsFaded.ipsFaded_more {
  Opacity: 1;
}

[data-action="reportComment"] {
  background: blue;
  padding: 5px;
  opacity: 1;
}

 

[gavpedz]

Thanks for this. That helps but part of the problem is that this link isn't even shown unless a user hovers over the post. 

Is there a way to make it so that the link shows all the time and on mobile for it to be text as well rather than the flag. 

[steve00]

1 hour ago, gavpedz said:

Thanks for this. That helps but part of the problem is that this link isn't even shown unless a user hovers over the post. 

Is there a way to make it so that the link shows all the time and on mobile for it to be text as well rather than the flag. 

have you tried my code before your post as should be showing all the time?

[steve00]

May have a problem have text show instead of flag as appears to drop the date out of alignment

Try yourself and see

add in custom.css:

/* Smartphones (portrait and landscape) ----------- */  
@media screen and (max-width: 767px) {  
/* Styles */  
  
html[dir] .cPost .ipsComment_meta .ipsResponsive_hidePhone {
  display: inline !important;
}

html[dir] .cPost .ipsComment_meta .ipsResponsive_showPhone {
  display: none !important;
}
}