Styling the read more tag

Community Forums Forums Design Tips and Tricks Styling the read more tag

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  SoZo 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #14065

    fallen8
    Participant

    On DollarVersity, I used to have a button rather than simple text at the end of each post excerpt before I moved to genesis. Now, I’m finding it a bit difficult to use all of the hooks and all, but I think I have the css for the design right of the button right, but I can’t seem to hook the function to the styling.  As of now, all I have is the function for the custom read more link, but I need a bit of help in editing it to bring the button into the excerpt.

     

    This is the css I am using to essentially replicate my opt-in button, but instead it should link to the full post:

     

    /* Read More Tag
    ———————————————————— */

    .more-link input[type="submit"] {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    border: 0;
    background: -moz-linear-gradient(top, #7AA800 0%, #184008 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7AA800), color-stop(1, #184008));
    background: -webkit-linear-gradient(top, #7AA800 0%, #184008 100%);
    background: linear-gradient(top, #7AA800 0%, #184008 100%);
    }

    .more-link input[type="submit"]:hover {
    background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
    background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #aeaeae));
    background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%)
    }

     

    Any help would be greatly appreciated!

    #14216

    SoZo
    Moderator
    Post count: 1573

    It’s not an input so you only use .more-link as the selector


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.