[OJS] CSS for Custom Sidebar Blocks

Is it currently possible to customize the CSS of blocks created through the “custom block” plugin? I’m trying to modify things through “.block_NAME” in our custom CSS file, but it doesn’t seem to be taking. I assume child themes would be the easiest way to do it, but our journal doesn’t have access to that…

Any suggestions/thoughts would be appreciated! Thanks!


It is possible. I will try if you post your site link and what exactly you are looking for.


Hi @anupent,

Thank you! Our site is located at University of Western Ontario Medical Journal. I would ideally like to recreate the same or similar styling as the “make a submission” button for the custom “submission centre” block (we prefer that phrasing but can’t find a way to change the default block, hence custom).


Is this what you are looking for?

If yes, try this css codes:

.pkp_structure_sidebar.left #customblock-custom_submission a {
	display: inline-block;
    padding: 10px;
    text-align: center;
    background: #fff;
        background-color: rgb(255, 255, 255);
    border: 3px solid #4F2683;
    border-radius: 10px;
    box-shadow: none;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    width: 100%;
	line-height: 28px;

.pkp_structure_sidebar.left #customblock-custom_submission a:hover {
	color: #fff;
    background-color: #4F2683;
    text-decoration: none;

Let me know whether it worked.

Best regards.

Yes, that was exactly what we were hoping to do, and the code’s worked brilliantly! Thanks so much for your assistance!

1 Like