How can I add a border to title

Hi,

Your CSS contains mistakes and you can do it much easier, try this:

.vsel-content .vsel-meta-title {
	border:2px solid #31B5C7;
}

Guido
ps. when adding CSS/code here, please press the “code” button in the text markup bar before and after your code.

Waouh, thanks so much ! I should have ask earlier, I have been searching for a few days…

I don’t understand your ps, the “code” button ?

Now I tried to add margin-left, but again I don’t get it ! ??
.vsel-content .vsel-meta-title {
border:1px solid #31B5C7;;
margin-left: 10;
}

Hi,

I guess you want some space on left/right side between title and border?
When using margin whole title (with border) will move to left/right. When using padding you create some space between title and border.

When adding padding, you need to target the h3 (heading) itself, because my plugin already has padding:0; assigned to it.

.vsel-content h3.vsel-meta-title {
	padding:0 10px;
}

About the code button, when I post here there’s a text markup bar above the textarea, this bar has a button called “code”. When omiting your code will be printed as normal text and probably incorrect.

Guido

Thanks a lot, it’s really a job !