Archived topic
Note Block
5 replies · Started by Sourabh on February 3, 2021
HI,
during the post writing, need one highlighted block (as in snapshot) for the note section, I tried using code block, and it's looking good too but there is a slider below in it which is making it bad..
so if there any idea how to make it, just a small border around a text block with different bg color ??? and apply it to a specific block (via using custom class, etc)??
Hi there,
I was not able to log in your site, so I could not see the exact code.
You need to give the text block a custom CSS class, then the CSS would be something like this (replace the colors):
.your-custom-css-class {
border: 1px solid #000;
background-color: #fff;
}Let me know :)
added class note-box
Your guidance was helpful, after watching a youtube video added few extra lines of codes, and it's done just a logo image is overlapping text, guide me on how to fix it (Refer to p-section for more info).
Hi there,
couple of options:
1. Increase the left padding of your note-box element - so all the content is pushed to the right.
2. use the text-indent property to indent the first line of text:
p.note-box {
text-indent: 20px;
}Thanks a ton..David+Ying
Glad we could be of help
