Add a color square to my menu page title

Hi everyone !

I hope someone can help me, I would like to add a square to all my menu page title ( an example in attachment ) , is there a CSS code for that ?

Thank you very much for any help !

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*add border color*/
h1.entry-title {
    border: 1px solid red;
    padding: 20px;

Best regards,

Hi !

Thank you for your help, unfortunately it was not the one I wanted,
the color square appeared on my post title.
I attached an other picture, I would like ‘Nouvelle-Zélande’ to have the border ! (title of the menu)

Thank you very much for your help !

Do you think it could be possible to just remove size space between the title and the first post ?
There is too much space between it, that why I wanted to add a square but if I can just change size space between them it could be better !

Many thanks.

You can remove that space using below CSS code.

.archive.category .page-header,
.archive.category {
    margin: 0;

Thank you for your help !!!

You are most welcome here :slight_smile: