If you ask me, the post created by @winteriscoming appears to be starting a bit of a customization revolution.
With Tracking & Analytics (premium sites only) you can customize your forum even more.
Make sure that all custom embeds are set to the below:
To remove the sidebar and widen the post area:
<style> .qwUf2 { display: none; } .app-desktop .FLyif { max-width: 100%; } ._1wZij { max-width: 100%; } .app-desktop ._1NkaF { max-width: 100%; } </style>
To move the like button to the right:
<style> ._3jepg { padding-left: 700px; display: content; } .GcHCJ { padding-left: 700px; display: content; } </style>
To remove the blue outline when creating/editing a post or comment:
<style> ._1Fqrx :focus { outline: 0px !important; -webkit-appearance: none; box-shadow: none !important; } </style>
To change the selected text colour:
<style> ::selection { background: #003cff; color: #ffffff; } </style>
To change your cursor:
<style> body {
cursor: crosshair;/* or whatever other icon you want. */
} </style>
To change the scrollbar:
<style> ::-webkit-scrollbar-thumb
{background: #003cff;
border-radius: 50px;
}::-webkit-scrollbar
{background: #003869;
}::-webkit-scrollbar-track
{background: #003869;
} </style>
Feel free to add tweaks below. A few of these that I've added were inspired by @winteriscoming.
@Robin Griggs Wood
You rock, @Heath H-M ... thank you!
That first one got rid of the sidebar thing, but didn’t restore the full width of my post area (which was my main complaint to having the sidebar there—we’re a photography learning site and my students post many images... which got smaller on the page with that darn sidebar). Any thoughts on that? Still, I’m happy to have even white space there; it’s less ugly ... ;o7. Thank you.
The second one I had to set the padding to 500px, otherwise, it did something wonky to the “Reply” link. (Every time I try to add a screenshot of what it does with the 700px padding, this Wix forum crashes on me and the page freezes ... ;o/
Ah, well, the code works great with the 500px padding.
@Robin Griggs Wood I shared some tweaks to this discussion
If you haven't managed to fix the full width size for the posts with the Heath H-M solution, maybe you can try the tweak I added below using the name :
Forum - Post (Full Width Size with Sidebar Disabled)
Same thing for the likes button in the right, you can try if needed the tweak I shared below because it uses a relative position not a fixed position (in pixel) :
Forum - Post (Likes on Right)
==> I hope that you will get back your forum as you wish :)
Nice to see such an excellent discussion about this, and I'm more than happy to share more things to customize :)
I just want to say that the Wix Forum staff is doing an amazing work with this Forum app, I was first coming to Wix especially for this possibility : easily embeds a nice and customized forum to my website ! I'm willing to see all new improvements for the mobile forum app and the responsiveness solution for our websites ;)
@Heath H-M you can add the tweaks below to your 1st post if you want, like this we will have access to a nice list of possible improvements !
Let's go :)
Forum - Hide Comment (First Post Bottom Link) =
}Forum - Hide Reply (Posts Bottom Link) =
}Forum - Post (Closed Post :Hide Icon and Closed text next to the Like Button) =
Forum - Post (Closed Post : Reduce size of Closed box) =
==> as you can see, there are also more possibilities to tweak the Closed box like :
- border-width = border size
- border-color = border color and transparency (0.5 = 50%)
- padding = top and bottom height of the box
- margin = right and left width of the box
- border-style = you can change this, to change how the style of the border box is displayed = you can use none, dashed or solid !
Forum - Post (Likes on Right) =
div._1S9W1{}{}Forum - Post (Full Width Size with Sidebar Disabled) =
{}div._1NkaF{}div._1wZij{}Forum - Post (Comment text content slightly moved on the right compared to the member name) =
div._2i25L{}==> as I'm not sure to be clear in my explanation, please check the screenshots below ;)
Cool stuff, @winteriscoming — thank you, too! For some reason, your “Forum - Post (Full Width Size with Sidebar Disabled)” didn’t work and it also brought the sidebar back (eek!), but I used a combination of Heath’s code and yours and I am now happy to say, I have a full width posts area now. Yeah!! (beyond thrilled)
Your Forum - Post (Likes on Right) works better since it creates an alignment with the post and also move the “Comment” and “Reply” links to the right as well.
I’m much grateful for your help ... :o)
@Robin Griggs Wood What is your Forum link Robin? Would like to see how Likes on Right looks. Thanks.
@venko gligorov — my site is a private classroom so I can’t share the ink just yet ... and I was going to add a screenshot to show you what it looks like, but this Wix Forum website keeps crashing every time I try to add an image to any post. I will come back and add a screenshot for you as soon as that is resolved.
EDIT, WITH SCREENSHOT
@winteriscoming — has the sidebar come back to your forum? I’ve change nothing in the code that I added, but the sidebar has returned to my forums (both sites I own).
I was so happy to have it gone ... :o/
@Robin Griggs Wood unfortunately, yes ... I confirm ... because the entire work I've done in my forum is completely gone :( ... at least 2 days of my work is gone to trash !
@winteriscoming — I’m sorry to hear that, my friend. Looks like, based on the info from Vytenis below, we need to find the new CSS class names?
@Robin Griggs Wood
._11HNMGuys, you shouldn't try to change forum styling with custom css. This is not officially supported and our css class names are auto generated and can change at any time. Any custom change can and most likely will result in unexpected results.
@Vytenis Butkevičius — The sidebar has ruined my forum. We are a photography group and image size is paramount. Give us the option to turn off the sidebar, please.
My customers are leaving because of this arbitrary change and bad design (you’ve already limited the size of Wix pages because you don’t know yet how to make them dynamic, and the sidebar that you've added to the post area makes the posts too small). Please, I’m begging, give us the option to turn it off. .. or my business is ruined. I want what I had when I signed on to Wix in the first place.
@Robin Griggs Wood sorry to hear that changes cause issues for you. We added a feature where you can click on image to see it full size, so maybe that can help.
Also it might seems like post is smaller now because there is sidebar but, but in reality it's wider than before - that means more content fits horizontally. Before we had large spacings from the side, now everything is more compact. The only thing that got smaller is the largest option of image (which unfortunately affects you the most).
@Vytenis Butkevičius re:
Do you mean the “image viewer”? You do realize that the images are half the time smaller in that image viewer than they are in the post thread, right? I mean, have you actually used the image viewer yourself? You probably have, but I don’t understand why everyone keeps telling me that images go larger in that viewer — if you have a Vertical orientated image, they are smaller in that image viewer, and you haven’t added any zoom feature. So, the “image viewer” solution isn’t a solution at all.
PLEASE, simply give us the option to turn that sidebar off. It feels like “forum from 10 years ago” design. It is a step backward, not forward for Wix.
Alternately, move into the present and make Wix sites dynamically resizable like just about every modern site available today.
@Vytenis Butkevičius — just to give you fuller info about: your comment
This is what “full size” looks like in the practical usage of the Image Viewer. It’s not ready for a professional forum at all yet. “Full size” is smaller in the Wix Forum image viewer without a zoom option. This is the make or break point in a photography teaching website.
Without the redundant sidebar the forum dev team added, images were of sufficient size within the forum post itself, without having to click on anything, I might add. With the recently added redundant sidebar, we can no longer give proper feedback to our students. The Wix forum dev team has destroyed my business.
PLEASE, give us the option to turn the forum sidebar off.
I'll look if we can make the image expand feature also give ability to zoom in.
Meanwhile you can right click on an image and click "open image in new tab", then change address bar like this https://static.wixstatic.com/media/a27d24_94575dc60fd340d1890701cd6f1791d9~mv2.jpg/v1/fill/w_680,h_678,al_c,q_90,usm_0.66_1.00_0.01/a27d24_94575dc60fd340d1890701cd6f1791d9~mv2.webp -> https://static.wixstatic.com/media/a27d24_94575dc60fd340d1890701cd6f1791d9~mv2.jpg
this will give you full size image.
@Vytenis Butkevičius I wanted to propose the same thing about Zoom In - to open in new Tab is not acceptable and not practical. How to inform anybody to make this operation while begging them for visiting our site. We need to make their life easier.
In my case, when you click on the image, the image is shown with same size - so no point of clicking extra to get same result. Zoom In and Zoom Out buttons are needed as well as full screen button. Thanks.
Thanks for looking into the idea of creating a zoom feature for the image viewer, @Vytenis Butkevičius. Much appreciated.
@venko gligorov is right, Vytenis, your suggestion for a workaround is totally unprofessional ... 1) for sites where your Wix Forum paid customers are charging their users for content/service 2) for sites where the forum is an added feature to their service, it is not OK to ask your user’s to go through so much complexity to view an image properly.