Archived topic
Making a Block Around a Hook Element
3 replies · Started by Praveen on April 14, 2021
Hi guys,
I created social sharing buttons at the end of the page using a hook element (link below)
But it is very simple and thus I want to add some aesthetic to it, similar to what we have in the URL - https://minimalistbaker.com/crispy-tofu-lettuce-wraps-with-peanut-sauce/ (basically a box around it, etc.).
Any idea how can I do it?
Hi there,
Are you referring to this element here?
https://www.screencast.com/t/uyOrhtYpSs
If so creating a block element with GenerateBlocks.
Hi yes,
As you can see, I have created a basic sharing widget uwing code mentioned here - https://www.wplogout.com/create-social-sharing-buttons-in-generatepress-without-plugin/
I just want to beautify it a bit using.
If you have suggestions by which I can make something similar to what's in the screenshot you sent, that's also welcome! I mean having boxes etc.
We can't really provide design suggestions here but maybe this CSS would work with your current method?
.wplogout-social-wrapper {
padding: 20px 0;
background-color: #333;
text-align: center;
}