Trying to edit a published blog post in cornerstone

[Kiselstein]

I don’t know if I can do this or not, but i figure it’s worth asking. I basically have specific portion of my blog post that I want to create a border around. I want it to look something like this…

I am curious if i can do this without completely messing up the already published post. Thank you

[ruenel]

Hello Brian,

Thanks for posting in! This is possible with custom css since you post were already published. You need to edit the post and insert necessary class or edit the structure so that the custom css will be applied to the section or element. Could you please send us the url of a post and which section would like to add the border?

Best Regards.

[Kiselstein]

sorry for the delay, absolutely. here is the link to the page…

Best Apple Cider Vinegar Pills With Mother | 6 Best ACV Pills

So I basically want a border similar to the one above around each supplement. So square box for each number. 1, 2, and supplement # 3. Hope that makes sense. Thanks again

[mldarshana]

Hi Brian,

Simply edit your post and then switch to your Text mode of the editor.

Then wrap your selected content with the following div with the CSS class assigned to it (make sure to add the closing div).
<div class="my-post-border">

Your Post
Content 
Here

</div>

You can do the same for your other two product contents as well.

Then save the changes and head over to X -> Theme Options -> CSS area and place the following CSS rule into that area.

.my-post-border {
    border: 3px solid green;
    padding-left: 10px;
    padding-right: 10px;
}

Now you can save the changes and test your frontend. If you’re using a caching plugin, make sure purge your server cache as well (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Hope that helps.
Thanks!