I have a CK editor on my webpage for which i want to change the color, thickness and radius of the border (as in the picture). I tried looking up the documentation but could not find a solution. I have changed other settings in the config.js such as uiColor and height. How can i change the the border properties? Something like this:
border: 1px solid #80BDFF;
border-radius: 4px;
I found this inside the ckeditor/styles.js file but this does not work either.
styles: {
padding: '5px 10px',
background: '#eee',
border: '1px solid #ccc'
}
Here is a style for CK Editor class style. you can set with your custom style. if you need any particular section change you can add on comment. add this css in your custom css file.
Note : Suppose you didn't got any result Use !important. IN CSS
.cke_chrome{
border-radius: 10px;
border: 1px solid #695656;
border-width: thin;
}
.cke_top{
border-radius: 10px 10px 0px 0px
}
.cke_bottom{
border-radius: 0px 0px 10px 10px
}
thank you so much, it worked!!
Your most welcome @Deo, you can mark this question as accepted so it will be helpful for others who facing a same issue.