Hi,
I have a button provided by web page that does reservations the code is as follows
<div class="reservanto-widget" data-text="Rezervovat schůzku" data-color-text="#FFFFFF6" data-color-text-shadow="transparent" data-color-bg="#42D74E" data-color-bg-hover="#39d139" data-color-boxshadow="#10a810" data-segment="5"></div>
I have two buttons on my homepage and i wnat one of them to function as this. I dont care about the colors and bacgroudn attributes, i just need the function to give it to the buttons provided by the theme
Hi Krištof
Sure; you should be able to insert this HTML snippet into one of the following widgets:
Text widget
SiteOrigin Editor widget (Text tab)
Visual Editor widget (Text tab)
Assuming the page in question is using Page Builder.
On a regular page you can insert this HTML into the Text tab next to Visual.
At Appearance > Widgets you can also insert this snippet using any of the widgets I mentioned above.
Let me know how it goes.
Thanks Andrew,
The thing is, i would like the button to look same like the SiteOrigin Button widget. Because, if you look on my page, on the home screen there is a and under it there are at the moment three buttons. Two are the SO Button and one on the left is the code inserted in the text area. As you can see they does not look the same.
I would like to have them BIG, but, i am not able to make the HTML code “button” bigger than it is now.
So the best for me would be if I could put the link to the SO Button widget.
I hope it is possible to understand,
My english is not the best
Sure. You can insert the following at Appearance > Custom CSS:
.reservanto-button { padding: 6px 24px !important; }Those values are what the padding is right now. Try adjusting them. The first value is top and bottom, the second is left and right. I would start by just adjusting the first value.