WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Caption CSS - Move to left edge (3 posts)

  1. wpforumuser
    Member
    Posted 2 years ago #

    Hi, you can see my problem here.

    The photo captions are not on the left side. I think there is a margin messed up that I'm not catching in my code. I am having trouble fixing this issue. Any help?

    #content .wp-caption {
    	max-width: 100%!important;
    	margin-top: 25px!important;
    	margin-bottom: 25px!important;
    	margin-left: 0px;
    	}
    
    img.centered, img.aligncenter {
    	display: block;
    	margin:0 auto;
    	overflow:hidden;
    	}
    
    img.alignright {
    	display: inline;
    	}
    
    img.alignleft {
    	align: left;
    	margin-left:0px;
    	}
    
    #content img {
    	max-width:100%;
    	height: auto;
    }
    
    #content img.aligncenter, #content .wp-caption.aligncenter {
    	margin: 0 auto;
    	margin-top: 25px;
    	margin-bottom: 25px;
    }
    
    #content img.alignleft, #content .wp-caption.alignleft {
    	margin: 15px 20px 0 0;
    }
    
    #content img.alignright, #content .wp-caption.alignright {
    	margin: 15px 0 0 20px;
    }
    
    #content img.alignnone {
    	margin: 20px 0;
    }
    #content .wp-caption.alignnone {
    	margin: 0 0 20px 0;
    }
    
    #content .single-entry-content .wp-caption {
    	max-width: 100%;
    	text-align: center;
    }
    
    .wp-caption-text {
    	font-size: 13px;
    	color: #808080;
    	text-align: center;
    }
    
    #content object,
    #content embed,
    #content iframe {
    	max-width: 100%;
    	margin: 25px 0 25px 0;
    	display: block;
    }
  2. david.bailey
    Member
    Posted 2 years ago #

    .wp-caption-dd {
         width: 100%;
         margin: 0;
    }
  3. wpforumuser
    Member
    Posted 2 years ago #

    That worked, thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.