Adding buttons to pages?

ppstaking · Member · Jul 29, 2017 at 7:28 pm
Copy link

Add topic to favorites
In a page, when I change to html from visual and type the following:
<button class="button">Click Me</button>
The button appears in visual, but when I update/view the page, it appears just as text ‘click me’.

I understand how to edit a button when it is there with CSS but I don’t know how to get the button on the page in the first place?

The page I refer to is not currently live: https://wordpress.com/page/ppstaking.com/983
Don’t know if you can see that.

The blog I need help with is: (visible only to logged in users)
ppstaking · Member · Jul 29, 2017 at 7:58 pm
Copy link
Same goes for dropdown menus.
thesacredpath · Member · Jul 29, 2017 at 10:42 pm
Copy link
Hi there, Intergalactic 2 does not have any CSS for the button CSS class, so you are going to have to add it. First off, you have to make the text you wish to be a button into a link like this.
<a class="button" href="http://wordpress.com">Click Me</a>
Then you have to create the CSS to style it. This is an example that you can use as a starting point and edit as desired. I included both non-hover and hover rules for your button.
```
.button {
  border: 2px solid #000;
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #fff;
}
a.button:hover {
  background: #000;
  color: #fff !important;
  border-color: #fff;
}
```
ppstaking · Member · Jul 30, 2017 at 1:11 pm
Copy link
That did it. Thankyou again. more questions coming ;)
thesacredpath · Member · Jul 31, 2017 at 7:57 pm
Copy link
Hooray and you are welcome.

No items found.