[Support request] A simple rectangular box that stands out

Hi Steven,

GenerateBlocks works with the Default WordPress Gutenberg Block Editor. It wouldn’t work with the Classic editor.

You would need custom code to achieve as such with the classic editor. We generally suggest using the Block Editor as this is where WordPress is headed now, and most functionalities work with it.

You can add the HTML through a Hook Element and make it appear in your Posts dynamically.

Then, you can add CSS through Appearance > Customize > Additional CSS.

You can try searching for codes in sites like these to achieve as such: https://codepen.io/search/pens?q=advertisement+box&cursor=ZD0xJm89MCZwPTI=

This site may also help: https://www.thesitewizard.com/css/rectangular-box-border.shtml

An sample of HTML code is:

<div class="my-box">
	<h2 class="test-title">
		Test title
	</h2>
	<p class="test-par">
		My description
	</p>
</div>

CSS:

.my-box {
    border: solid 4px black;
    padding: 50px;
    background-color: #fff
}

h2.test-title {
    color: rgb(0,0,0);
    font-weight:bold;
    font-size: 50px;
}

p.test-par {
    color: #ff0000;
}

Hope this helps!

You’re welcome Steven!