Want Read More button in Home boxes

Homepage › Community Forums › Legacy Theme Support › Want Read More button in Home boxes

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 5, 2013 at 11:10 am #3040
    dev77
    Customer

      Instead of the lame and hard to see  “[Read more…] at end of the 3 boxes on homepage” I want a nice red button that says “learn more”. Can that be done? I can code if necessary.

      March 5, 2013 at 12:13 pm #3042
      Wes
      Moderator

        Assuming you’re using the Genesis Featured Page widget (like the demo) then you should be able to add “Learn More” in the “More Text” box of the widget. This will add the “.more-link” class so you can style it in your css. The portfolio is setup this way, and you could start out by copying the “more-link” code for the portfolio like this –

        .more-link {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: url(images/button.png) repeat-x;
        border: 1px solid #000;
        color: #fff;
        display: block;
        font-family: 'Oswald', arial, serif;
        font-size: 14px;
        padding: 2px 0 3px;
        margin-top: 15px;
        text-align: center;
        text-decoration: none;
        text-shadow: 1px 1px #555;
        width: 100px;
        }

        …then adjust as needed

        March 5, 2013 at 12:57 pm #3045
        dev77
        Customer

          NEVER MIND. I FIGURED IT OUT… EXCEPT FOR MAKING THE BUTTON ROUND.

           

          Thanks for the tip. I didn’t know where Legacy gets its “Read more…”  from. I put in

          a.more-link { color: red;}

          and it worked fine. What I’d like to have is round button. If I just upload a button graphic called learn-more-button.png  and add:

          background: url(images/learn-more-button.png) repeat-x;

          would that work?

          Is there a way to upload a red-button.png and then overlay it with white  “Learn more” text? (You can see my CSS is weak!!)

          Here is the site we’ve started with Legacy (just test data and pix in it now… waiting for client to get back to us.)

          Thanks.

           

          March 5, 2013 at 1:10 pm #3047
          dev77
          Customer

            I tried to edit above but now it won’t let me. Must be a time-out.

            Why does the Bottom box not allow me to have any coloration in the text?  Same with other text attributes (bold, italics, etc.) If you go to

            http://newparadigmsolutions.org/wp/

            and click the red button you will see there is some red in the page text. Won’t show up on the box?

            Thanks.

             

            March 5, 2013 at 9:41 pm #3050
            Wes
            Moderator

              That’s just the way that particular widget was designed. This is from the Genesis Framework itself (not the child theme). That particular field only accepts text, so you can’t add html, or css code in that field.

              If you know how to code html/css, you could just create a text widget and manually do all of this so then you wouldn’t be limited or have to rely on a widget.

            • Author
              Posts
            Viewing 5 posts - 1 through 5 (of 5 total)
            • The topic ‘Want Read More button in Home boxes’ is closed to new replies.