[Resolved] Best way (or plugin) to get buttons in widgets?

[Daniel]

Hello everyone/Tom,

What is the best way to get buttons in widgets in Generate Press?

I really need that. I’ve been taking a look at a few content management plugins, such as the one below:

http://otwthemes.com/product/content-manager-for-wordpress/

but there must be a better way.

I would like my buttons to look exactly like Tom’s home page below (the “Add-ons”, “Download” and “Demo” buttons):

https://generatepress.com/

Thanks a lot.

Daniel

[bdbrown]

Hi Daniel. GP has a “button” class that Tom discussed in this post and in this post.

[Daniel]

Thanks bdbrown.

I am an “advanced user” as far as computing goes, but I am new to WordPress.

I understand there is a button class, but how do I set the size, position, text and background colors?

[bdbrown]

You would add an anchor tag like this to your post/page to create the button:

<a href="#" class="button pumpkin">My Button</a>

That will set the button text of “My Button”. The size is set automatically based on the text, or you could use this to set the size:

.button {
    height: 25px;
    width: 150px;
}

The theme applies the following default css; you could set your own padding/margins:

.button {
    padding: 10px 20px;
    display: inline-block;
}

Then something like this to color it:

.button.pumpkin,
.button.pumpkin:visited {
	background: #D35400;
	color:#FFF;
}

.button.pumpkin:hover,
.button.pumpkin:active {
	background: #C54E00;
	color:#FFF;
}

[Daniel]

Thanks a lot bdbrown.

Should I get a CSS editor like CSS Hero? Or do it manually? What do you recommend?

[bdbrown]

I think it’s a matter of personal preference. Some people like to have a point-and-click, drag-and-drop interface. Personally, I like doing everything manually. If I’m coding a site from scratch I’ll use Notepad++ for almost all my code development. In WP I use the WP Editor plugin to add syntax hightlighting and several other options to the theme editor.

[Daniel]

Thanks bdbrown. Your answers helped me a lot.

I have installed WP Editor and will give it a try.

I’ll get back to you when I have more questions.

Best,

Daniel

[bdbrown]

You’re welcome; glad to help.

[Author]

Posts