Black Friday Sale! Get up to $40 off GP Premium!Learn more

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

Home Forums Support Best way (or plugin) to get buttons in widgets?

  • This topic has 7 replies, 2 voices, and was last updated 5 years ago by bdbrown.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #150627
    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

    #150732
    bdbrown

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

    #150756
    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?

    #150787
    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;
    }
    
    #150817
    Daniel

    Thanks a lot bdbrown.

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

    #150847
    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.

    #150977
    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

    #151019
    bdbrown

    You’re welcome; glad to help.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.