Add border-radius for black title background

I see that you succeed to change border-radius and make them more thick around post. How you made it?

Hi,

The code for the posts is:

/*
.post {
  background: #000000;
  outline: 5px solid #A62A2A;
  border-radius: 10px;
}

You can use this code (as I am obviously fond of doing) on the #content, #primary, #secondary, .single and .widget.

I still haven’t figured out the black title box though!

Good luck!

Can you link to a page with this black background for the title?

Thanks for responding!

I sure can:
https://www.bestmenswatchesreviews.com/skagen-809xltrb-mens-watch/

I think I got that right.

Isn’t it this:

.single-entry-title

?

https://border-radius.com/

Hi,

Thanks! Well, it didn’t do what I hoped, but we are certainly in the right neighborhood. I can use that code to change the opacity.

The code I used to change the opacity, but which failed to change the border was:

.single-entry-title {
  opacity: 0.5 !important;
  filter: alpha(opacity=50)!important;
  border-radius: 10px !important;
  border: 5px red !important;
}

Maybe you can spot an error in my code.

In rereading this I spotted a couple of errors myself. I corrected them but it still doesn’t change the border.

You’re accidentally using semi-colons where colons should be:
border-radius; 10px !important;
border; 5px red!important;

Yes, thank you. I spotted them also, but even after correction, it still doesn’t change the borders.

Clear your browser’s cache, I can see the border radius taking effect. If you’re querying why your red border isn’t showing it might be because you’re missing the weight rule, e.g:

border: 5px solid red;

Yes! That’s it! Thank You!!!

I’m trying to get a message to Andrew.
I couldn’t find any options to send a message directly, so I’m hoping you will get this Andrew.
I was wondering how you found .single-entry-title. I have copied both the style.css and the bootstrap.css to a text editor and tried searching for #000000, background and a couple of other things but never found anything that changed the background. Finally, after you pointed me in the right direction I did a search for .single-entry-title but couldn’t find it either. So, how did you find it?

Opened your webpage in Chrome, right clicked on that “Skagen 809XLTRB Men’s Watch” title and then selected the “Inspect element” option and all was exposed https://snag.gy/RSAcs.jpg

https://developers.google.com/chrome-developer-tools/

Thanks! That is a big help. Maybe now I can ask fewer questions.