Add the following code to your page or site's CSS settings
/* ribbon banner */
.ribbon:after {
content: 'Sale';
position: absolute;
display: block;
right: -60px;
top: 30px;
width: 200px;
padding: 5px 10px;
background-color: #c13e3e;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
color: #fff;
font: bold 14px 'Source Sans Pro', sans-serif;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
Then go to the column's settings where you want your ribbon to appear
Remove all padding.
In the advanced part of the settings, add the class name "ribbon"
and the following code to the custom CSS
element {overflow: hidden;}
You won't see it appear on the backend, but test the front end, and here it is
Price ribbon for Brizy
Any ideas or Requests
Thanks
Feel free to contact us.
if you have any Hacks that would be great to add or any ideas you would like to be solved with Brizy cloud, You can write at contact@monsieurclick.com or use the form to upload images and ideas. Thanks a lot !!!
If you want just to say thank you or help us maintain this page, Feel free to donate whatever you want
Thanks a lot for your help, It's greatly appreciated !!
And feel free to ask for tutorials or tips that you would like to discover on the site