Link inside div don’t work

  • Resolved leoregis

    (@leoregis)


    6 years, 8 months ago

    I′m trying to use this plugin but I need to configure the style of the link. So I tried to do it like this:

    <div id=”my_id” class=”gamipress-link” style=”margin-bottom: 5px; padding: 10px; color: #fff; background-color: #ef0000; width: 100%;”>Click here</div>

    When I tested this it worked and I have earned the achievement, but the most basic thing didn’t worked: the link. Clicking don’t send me anywhere. I need that when user clicks on the link he is directed to https://mywebsitedomain.com.br/page-name/ like any normal a href

    When using the [gamipress_link] shortcode the link works fine but I’m not able to customize the style.

    And yes, I’ve placed the code in my functions.php in my child theme.

    Can you help me please? Thanks.

    • This topic was modified 6 years, 8 months ago by leoregis.
Viewing 1 replies (of 1 total)
  • Plugin Author Ruben Garcia

    (@rubengc)

    Hi @leoregis

    I already replied you through email:

    You issue in your html is that you are setting the gamipress-link class to the div that contains your link (a tag), and the class should be placed on the link

    Anyway, I recommend you to user the [gamipress_link] shortcode passing a class and in you custom CSS define the CSS to match your class, example:
    [gamipress_link class="my-awesome-style"]

    On custom CSS:

    .gamipress-link.my-awesome-style {
    margin-bottom: 5px; 
    padding: 10px; 
    color: #fff;
    background-color: #ef0000; 
    width: 100%; 
}

    Best regards

    • This reply was modified 6 years, 8 months ago by Ruben Garcia.
Viewing 1 replies (of 1 total)
  • The topic ‘Link inside div don’t work’ is closed to new replies.