WordPress.org

Support

Support » Themes and Templates » [Theme: Basically] Photo Border when Using Captions

[Theme: Basically] Photo Border when Using Captions

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Satrya

    @satrya

    Hello,

    Give me your URL, I want to see the problem 🙂

    WPyogi

    @wpyogi

    Forum Moderator

    Can you post a link to your site so someone can look at the code?

    esmi

    @esmi

    Forum Moderator

    You will need to start customising your theme’s CSS possibly via a child theme. Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    My blog is at http://www.finish-to-start.com

    You’ll want to look at the previous post for a photo with a caption.

    Thanks everyone for your time looking at this.

    WPyogi

    @wpyogi

    Forum Moderator

    The styling of those are in style.css line 1033:

    .wp-caption {
        -moz-transition: all 0.15s ease-in-out 0s;
        background: none repeat scroll 0 0 #000000;
        margin-bottom: 1.625em;
        max-width: 96%;
        padding: 15px 10px 10px;
    }

    Take out the background to get rid of the black. If you want a simple black border, you can add:

    border: 2px solid black;

    Thanks, I successfully made that update.

    One follow-up question. How do I shut off the hover effect?

    See http://finish-to-start.com/key-stakeholder-power-and-management/

    WPyogi

    @wpyogi

    Forum Moderator

    It will be one or more of these — depending on what you want to change:

    .wp-caption:hover {
      background: #eee;
    }
    .wp-caption:hover .wp-caption-text {
      color: #333;
    }
    .wp-caption:hover .wp-caption-text:before {
      color: #333;
    }

    Thanks.

    To close out this thread, below is the modification I made to get the caption text to stay black. I changed the color code to #111 in two places.

    Thanks for your help!

    .wp-caption .wp-caption-text {
    color: #111;
    font-size: 0.923em;
    line-height: 1.75em;
    margin: 0;
    padding: 15px 0 5px 40px;
    position: relative;
    }
    .wp-caption .wp-caption-text:before {
    color: #111;

    Theme Author Satrya

    @satrya

    Thannks @wpyogi for helping @larryshort 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Theme: Basically] Photo Border when Using Captions’ is closed to new replies.