How can i get the text to display within the 'button' on my home page?

I need help getting the text to show within the button. For some reason it won't show.

  • Michael Bissett

    Hey @Krisix, it's Michael, from the live chat session earlier today. :slight_smile:

    In regards to this button of yours on the home page slider, as I had noted on the live chat, the problem here was that the "See Mores" text was inserted as the link to the page to take the user to, and not as the actual button text:

    Having a closer look at the shortcode for this:

    [button url="See Mores" color="white"][/button]

    You'd actually want to have it set up like this:

    [button url="#" color="white"]See Mores[/button]

    (I set "#" as the URL for the button, as you had mentioned that this button wasn't to link to an actual page yet)

    However, there was one more thing that needed to be done. I noticed that you had inserted the following CSS code into the child theme:

    .btn.white {
        display: inline-block;
        font-size: 20px;
        font-weight: 400;
        line-height: 2.1;
        margin-bottom: 0;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width:150px;
        height:32px;
    }

    I had to add in this extra piece of CSS code to your child theme, as the height that you set in that code made the button text appear somewhat outside of the button box:

    .home .btn.white {
        height: initial;
    }

    You should be all good to go here, let me know if I can be of further assistance please! :slight_smile:

    Kind Regards,
    Michael

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.