• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to add shortcode/ check price button after excerpt in archive page

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to add shortcode/ check price button after excerpt in archive page

This topic is: not resolved

Tagged: add button, read more, the excerpt

  • This topic has 7 replies, 2 voices, and was last updated 7 years, 11 months ago by andreiionut.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 1, 2018 at 2:41 am #218517
    andreiionut
    Member

    Hi
    I'm using Genesis/Magazine Pro Theme.
    In posts archive i'd like to show a Check Price button ( using shortcode or whatever) right under the end of excerpt for each post.
    So archive page would show article image, article excerpt and a shortcode button with link and text. I'm using that in posts but I don't know how to show under each article's excerpt and be editable - each shortcode is individual for each article as it contains individual link.

    How can I achieve that?

    https://picturesettings.com
    April 1, 2018 at 2:47 am #218518
    Brad Dalton
    Participant

    You can add the button class to the HTML for the read more link


    Tutorials for StudioPress Themes.

    April 1, 2018 at 3:08 am #218519
    andreiionut
    Member

    What i need is more like in the link below from a demo theme. In article list, every article has it's own Buy now button with individual link. I'm not talking about customizing Read More, but how to add Check Price/ Buy button like in the example :
    http://rehub.wpsoul.com/list-posts/

    April 1, 2018 at 3:10 am #218520
    Brad Dalton
    Participant

    You could use a custom field to add a unique link for each button.


    Tutorials for StudioPress Themes.

    April 1, 2018 at 3:54 am #218521
    Brad Dalton
    Participant

    Like the code in this tutorial


    Tutorials for StudioPress Themes.

    April 1, 2018 at 4:12 am #218522
    andreiionut
    Member

    Wow, thanks it worked. You're great.
    Two more problems :
    - the button is positioned to the left - how can I center it ?
    - the button uses default color scheme from child theme - how can i customize colors and text for button ?
    Thanks for your support!

    April 1, 2018 at 6:20 am #218524
    Brad Dalton
    Participant

    Link to the page where you added the button.

    1.How to center a button.
    2. Inspect the HTML element for the button, find the CSS rule which styles the button class, copy it to the end of your style sheet and change the background color as well as the hover color.https://victorfont.com/how-to-use-your-browsers-inspect-tool/


    Tutorials for StudioPress Themes.

    April 1, 2018 at 11:33 am #218530
    andreiionut
    Member

    Here it is :
    https://incorporabilebune.ro/page/2/

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble