Responsive Slider "Read More"

Community Forums Forums Design Tips and Tricks Responsive Slider "Read More"

This topic is: not resolved

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

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

    Landmark
    Participant

    In my slider settings, I’ve chosen to Display Content with 300 characters or less.  On the slider, the button to click for “More” (Read More is default) is too large, and hovers right over the text.

    I’d like to edit this button to make it smaller, gives a little breathing room, and change the color to black, as the images in the slider will vary in color and black would match better.  Can’t find the code in the CSS editor for the plug-in.

    Anyone have any thoughts?

    http://www.landmarkchurch.net

    #1577

    SoZo
    Moderator
    Post count: 1573

    That link is styled by this rule in the theme’s style sheet
    .agency-red div.gform_footer input.button,
    .agency-red input[type="button"],
    .agency-red input[type="submit"],
    .agency-red .navigation li a,
    .agency-red .navigation li.disabled,
    .agency-red .navigation li a:hover,
    .agency-red .navigation li.active a,
    .agency-red #home-slider a.more-link {
    background: url(images/red/button.png) 0 0;
    border: 1px solid #b15c5f;
    text-shadow: 1px 1px #a04142;
    }

    I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.


    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.