OVERLAYING IMAGE TO AN OUTLINE

Hello,

In my primary page, TwentySeventeen Theme. My main issue is this:

https://i63.tinypic.com/10hszn6.jpg

I would like it to be something like this (sorry for the messy drawing)…

https://i67.tinypic.com/2rxegpf.jpg

I USED THIS HTML:

<p class=”boxedtext” style=”text-align: center;”>MY TEXT HERE</p>

<p class=”alignnone size-full wp-image-5090″></p>

I USED THIS CSS:

}
.boxedtext {
border: 3px solid black;
margin: 0px;
color: #262626;
font-family: “Georgia”;
font-size: 18px;
font-style: italic;
padding: 30px 20px;
}

Am I missing something?

Thanks.

Xyza (www.xyzagerondio.com)

Hello again,

Sorry for the image links. I think it’s not working properly.

This is the dropbox link of the images:

ISSUE->>> https://www.dropbox.com/s/ra8cv46afs473da/untitled1.PNG?dl=0

I WANT SOMETHING LIKE THIS->>> https://www.dropbox.com/s/viitlnxnmstbtkd/untitled2.PNG?dl=0

Hopefully someone could help me.

Thanks.

Xyza

@xyzagerondio is this what you are trying to achive https://www.dropbox.com/s/y6z0aos5ag9i236/xyza.jpg?dl=0 ?

.boxedtext + p a {
height: 100px;
display: block;
margin-top: -30px;

}

.boxedtext + p a img {
    -webkit-box-shadow: none;
    box-shadow: none;
margin-top: 10px;
background: #000;
padding: 5px 0
}

Hello Sir @salsaturation,

Wow! Works like magic Sir! LOOK–>>> https://www.xyzagerondio.com <3 Thanks a lot!!! ??

Xyza

No worries – don’t forget to mark it as resolved