Forum question - is it possible to get rid of all the tabs at the top?

1

Is there a way to minimise this so you do not need to scroll by it every time?

image
image1128×291 25.7 KB

2 Likes
2

I’ve been meaning to ask this same question for a while.

The way it looks when you get logged out is better.
Only one row instead of five.

Being able to select which you want might work.
Or have the row that appears when logged out show as standard, with a ‘+’ to show the rest as/when/if you ever need them.

1 Like
3

I like the idea and can see how it can be a good prompt for people new to syncro (which I am) but I got it after the first day / week :slight_smile: and a toggle would be great.

1 Like
4

I’ve a developed a solution in the interim. Follow these steps to add to your forum:

Pre-requesite: Chrome or Edge is required for this to work

  1. Install User JavaScript and CSS from the Chrome web store - https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
  2. Create a new rule for https://community.syncromsp.com
  3. Insert the following code in the rule:
$('.navigation-container').append('<button id="toggle-categories" class="btn btn-primary" style="margin-left:5px;">Toggle Categories</button>');

if(getCookie('hide-categories') == 'true') {
	$('.wrap.wrap-category-boxes').css('display', 'none');
} else {
	$('.wrap.wrap-category-boxes').css('display', 'block');
}

$('#toggle-categories').on('click',function() {
  $('.wrap.wrap-category-boxes').toggle();
  if(getCookie('hide-categories') == 'false')
	{
		var myDate = new Date();
		myDate.setMonth(myDate.getMonth() + 12);
		document.cookie = "hide-categories=true;expires=" + myDate + ";domain=community.syncromsp.com;path=/";
	} else {
		document.cookie = "hide-categories=false;expires=" + myDate + ";domain=community.syncromsp.com;path=/";
	}
});

function getCookie(cname) {
  let name = cname + "=";
  let decodedCookie = decodeURIComponent(document.cookie);
  let ca = decodedCookie.split(';');
  for(let i = 0; i <ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}
  1. Save
1 Like
5

you got me looking in the right directions to thanks. As I want to play with tampermonkey or greasemonkey I ended up doing it in tampermonkey

// ==UserScript==
// @name         Custom CSS for wrap-category-boxes
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Apply custom CSS to remove categories and banner image
// @author       Des Quinn
// @match        https://community.syncromsp.com/
// @grant        GM_addStyle
// ==/UserScript==

// Removes Category boxes
GM_addStyle('.wrap.wrap-category-boxes {padding: 0px 10px !important; margin-top: -25px; display: none;}');

// Removes Banner
GM_addStyle('.custom-homepage-header {max-height: 240px; padding-bottom: 45px; background-image: url(https://syncromsp.com/wp-content/themes/syncro/assets/styles/../images/herobanner-bg.jpg); background-size: 100%; -webkit-box-shadow: 0px 8px 8px -5px #caf4f2; box-shadow: 0px 8px 8px -5px #caf4f2; display: none;}');
console.log('ran');