Skip to main content
Using the Walls.io Style Editor

How to change the background and colors on my social media wall without using CSS?

Daniela Turcanu avatar
Written by Daniela Turcanu
Updated over a year ago

Where to find the styling options

To change the colors of your social media wall, got to Settings > Design and choose "Customize Color scheme".

If you don't have a social wall yet, it's time to create one!

🌈 The styling options you have in Walls.io

“Header background color”: We give you the option to show or hide the wall header. If you’ve decided you want to show it, you can easily change its background color here. Choose a color from the color picker (you can even change the transparency) or enter the hex code of, for instance, your corporate color.
​
​“Header text color”: You can choose the color of the text that shows up you your header to match your brands's colors.

“Background color”: This works just like setting up the background colour for your header. Choose from the colour picker or enter a hex code, and the background on your wall – the part that is peeks out from behind the tiles – will change accordingly.

“Background image”: Of course, you can also use a background image instead of a solid color. Whether you want to use a photo of your choice or a background texture – just upload the file from your computer and you’re good to go. Conveniently, the uploaded background image is automatically stretched to cover the whole screen, so make sure you upload a decently sized image (Full HD, 1920×1080, would be best).

“Font weight” and “Font weight for text-only posts”: You have two settings for font-weight. The first one concerns all posts that have preview images attached. The second one concerns all text-only posts. You can keep the font-weight the same for both post types or use the options to emphasize one type of post more than the other. I, personally, like to keep text-only posts on normal font-weight and the other posts on bold, simply because I prefer that look.

🔧 Customise your post tiles

So, you’ve set up your backgrounds to look snazzy, but the post tiles don’t fit your color scheme? No problem. We have a simple solution for that as well. Scroll a little bit further on your settings page and you’ll get to the section for “Tile colors”:
​ 

Here, on the left hand side, you’ll see a preview of the color scheme, which you have set up above. You can edit the colors of your tiles by clicking them and, again, entering either a hex code or using the color picker drop-down.

You can change the tile background, the text colour and the tile border colour. This gives you pretty much endless possibilities of colour combinations. Delete some tile colours if you need only a few different colours on your wall, and feel free to add more colours by clicking on the “plus” button on the bottom of the list. The tile colours you’ve set up are distributed randomly among all visible tiles on your wall.

Of course, if you prefer to use CSS to customise your wall or want to additionally change something in the CSS, you can still do so in the “Further customization” section towards the end of the Design settings page.

TL;DR Learn more about style editor, the available layouts and other design options from this video tutorial

 

In case you have further questions, don't hesitate to contact the support team via the chat or support@walls.io!

Did this answer your question?