« Web, HTML, Tech Forum

Editing Header Text/Adding Overlay Image.

Posted by Xx_Murderfoxx_Nick_xX

posted
updated

Forum: Web, HTML, Tech

Hi! I'm editing my layout rn and I've run into 2 roadblocks.


1) How would I edit the title/text for a header, specifically the one that says "(User)'s Blog Entries"?

2) How would I achieve an overlaying image in the corner of my page? I would like it to stay situated at the bottom right corner of my page and not be affected by scrolling. (image below)


I appreciate any replies/help! Thanks!


Report Topic

1 Reply

Reply by Div

posted

As for number one I was able to put text before it but not replace it with:

<style>
.blog-preview  > h4:nth-child(1):before {
content: "xxxTEXTxxx ";
}
</style>

For number two try:

<style>

.btm-right {
width: 100px;
height: 100px;
background: url("https://bestanimations.com/media/computers/557927844funny-computer-gif.gif");
position: absolute;
bottom: 0;
right: 0;
}

</style>

<div class="btm-right"></div>


Report Reply