Skip to main content
All CollectionsStyling Your Social WallCSS Tutorials
How to change the color and size of the "Create Post" Button & QR Code?
How to change the color and size of the "Create Post" Button & QR Code?

Can I change the colors of the Direct Posts-button?

Michael Kamleitner avatar
Written by Michael Kamleitner
Updated over a month ago

If you want to change the colors of the Direct Posts-button, you need to add the CSS code snippets below to your custom CSS box under Settings > Design 👇

Changing the background color:

This snippet changes the background color to orange:

#createPostButton { 
background-color: #fbbc56;
}
#createPostButton:hover {
background-color: #fbbc56;
box-shadow: 0 0 0 2px orange;
}

Changing the text color:

This snippet changes the text color to black:

#createPostButton { 
color: #000000;
}

Changing the size of the button:

This snippet doubles the size of the button. You can experiment with your own preferred values for width & height!

.desktop #createPostButton canvas { 
height: 180px !important;
width: 180px !important;
}
.desktop #createPostButton {
max-width: 200px !important;
width: 200px !important;
}

Changing the QR code color:

This snippet changes the QR code color to black:

#createPostButton svg path:nth-of-type(2) {
fill: #000000 !important;
}

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

Did this answer your question?