How to make this border in wordpress post?

[Byzance]

Hello BHW people

Im really curious about this thing, i already try searching for this solution like 3hr++ but my head start to get dizzy. i just cant get my head arround this.

Ussually when im making article for my site, i always looking for reffrence to work with. And i found one of my competitor site. i don't know what kind of builder he/she put on their website. But when i see this "border?" its actually make the site looks good and i want to copy that thing and put that in my article.

What i realize that border is not a picture cause i can block the text.

even this one got some arrow pointing on the border

when i try to inspect and copy the whole html and put in my HTML/Text editor the border didn't show up. just the text it self that appear. (The more you play, the more points you get over time.)

HTML for first image

Spoiler: 1st image

<div class="center spacer"><div class="white_board"><em>The more you play, the more points you get over time.</em></div></div>

HTML for 2nd image

Spoiler: HTML 2nd image

<div class="center spacer"><div class="mm_blue_box yellow big_font h_spacer pos_relative generic_tittle_padding arkgl_left_gray_arrow ov">You can enjoy yourself much more easily if you take this approach.</div></div>

From what i know after searching, it's have something to do with CSS? can anyone give me some advice to get this thing working?

The main point here is i want to apply that kind of border in my site.

P.S Sorry for my suck english i already try my best to make it readable and understandable.

 

[DanDD]

css is needed too so send full page url

 

[Byzance]

css is needed too so send full page url

this css thing that i can't get arround my head

am i need to put the css code in my page site to apply this?
and what kind css code that i needed?

i got shit ton of question if you didn't mind

 

[DanDD]

this css thing that i can't get arround my head

am i need to put the css code in my page site to apply this?
and what kind css code that i needed?

i got shit ton of question if you didn't mind

just pm me url..

 

[yakuzaemme]

Would need URL in order to help you.

 

[Byzance]

just pm me url..

Would need URL in order to help you.

big thanks for the respond dude, really appriciate it

 

[yakuzaemme]

big thanks for the respond dude, really appriciate it

https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff?hl=en

https://codepen.io/pen/?&editable=true

 

[mikkabozu]

Yeah, the first one is just using a border-image property with box-shadow. You take an image, set dimensions for slices (corners, borders and background) and it adjusts itself.

 

[bartosimpsonio]

I think you need to use the special CSS rule make-border-look-like-shit : true;

 

[Byzance]

https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff?hl=en

https://codepen.io/pen/?&editable=true

thanks man, will try to figure it out later need some sleep

Yeah, the first one is just using a border-image property with box-shadow. You take an image, set dimensions for slices (corners, borders and background) and it adjusts itself.

dimensions for slice? can you suggest me some tool to do that?

I think you need to use the special CSS rule make-border-look-like-shit : true;

special css rule? i have zero idea what you're trying to say but thanks for the response mate