• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Filled in border around image and caption

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Filled in border around image and caption

This topic is: resolved
  • This topic has 4 replies, 3 voices, and was last updated 12 years, 6 months ago by Genesis Developer.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 31, 2013 at 6:04 am #82250
    pperkins81
    Member

    Any ideas for creating a filled-in border around an image and its caption? It's appearing on the post edit page, but not on the page itself.
    Thanks,
    Paul

    http://paulperkins.com/resolution
    December 31, 2013 at 6:29 am #82257
    Brad Dalton
    Participant

    Here's several methods http://www.studiopress.community/topic/executive-pro-portfolio-photographs/#post-82246

    For all images:

    img {
        border: 1px solid #FF0000;
    }
    

    For specific image:

     .wp-image-53 {     
    border: 1px solid #FF0000;
    }
    

    On hover:

    img:hover {
    	border: 1px solid #FF0000;
    }
    

    Tutorials for StudioPress Themes.

    December 31, 2013 at 6:33 am #82260
    Genesis Developer
    Member

    try this

    .wp-caption{
        border: 2px solid #EEEEEE;
    }

    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    December 31, 2013 at 6:43 am #82271
    pperkins81
    Member

    Perfect, thanks! I also added a background to the code to fill it in as the same color.

    December 31, 2013 at 6:44 am #82273
    Genesis Developer
    Member

    Yes. i saw that. It is looking very good


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Filled in border around image and caption’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble