WordPress.org

Ready to get started?Download WordPress

Forums

Major text and bquote alignment issues ruining my blog! (13 posts)

  1. brownkidd
    Member
    Posted 5 years ago #

    Okay, here's the problem, go to my site albotas.com and check out the first post. The blockquote is friggin HUGEEEEEE, but when you click to read the full story, the blockquote is normal, but there are no returns at the end of paragraphs.

    Any help would be GREATLY appreciated.

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    I'm getting an error 500 at that url at the moment.

  3. brownkidd
    Member
    Posted 5 years ago #

    Hrm. Not sure what that was, but it seems to be working fine now.

  4. brownkidd
    Member
    Posted 5 years ago #

    Anyone?

  5. brownkidd
    Member
    Posted 5 years ago #

    This is the current code for the blockquotes:

    #content blockquote {
    	margin: 5px 25px 5px 30px;
    	padding: 0px 25px 0px 2px;
    	background: #404040;
    	border-left: 4px solid #00ccff;
    	color:#fff;
    }
    #content blockquote p {
    	padding: 0px 25px 0px 2px;
    	background: #404040;
    	border-left: 4px solid #00ccff;
    	color:#fff;

    Please help!

  6. brownkidd
    Member
    Posted 5 years ago #

    Hello........

  7. nazcar
    Member
    Posted 5 years ago #

    try defining the width.

    width: 90%;

    or width: 400px;

    or insert a margin in #content blockquote p {

    #content blockquote {
    	margin: 5px 25px 5px 30px;
    	padding: 0px 25px 0px 2px;
    	background: #404040;
    	border-left: 4px solid #00ccff;
    	color:#fff;
    }
    #content blockquote p {
    	padding: 0px 25px 0px 2px;
    	background: #404040;
    	border-left: 4px solid #00ccff;
    	color:#fff;
    	margin: 5px 25px 5px 30px;
    
    }
  8. brownkidd
    Member
    Posted 5 years ago #

    That sort of worked, only there's still a break between the paragraphs in blockquotes AND now the top of previous posts are touching the bottom of newer posts. there used to be a space in between, but now they're all smushed together.

  9. nazcar
    Member
    Posted 5 years ago #

    Try redefining the margin to
    margin: 5px 25px 1px 30px;

  10. brownkidd
    Member
    Posted 5 years ago #

    Still not working. I don't understand how the #content blockquote { and #content blockquote p { can have the exact same parameters set, but it still looks different on the front of the site vs reading the single post.

  11. brownkidd
    Member
    Posted 5 years ago #

    Still need help.

  12. iridiax
    Member
    Posted 5 years ago #

    The first step in fixing display problems is to validate your code. You have some major code errors from an unclosed div tag and improperly added indieclick code. Get rid of the head div tags and head noscript link stuff in your theme's header.php.

  13. esmi
    Forum Moderator
    Posted 5 years ago #

    For a slightly better looking blockquote-with-image, try changing style.css (line 464) from

    #content blockquote p {
    background:#404040 none repeat scroll 0 0;
    border-left:4px solid #00CCFF;
    color:#FFFFFF;
    margin:5px 25px 1px 30px;
    padding:0 25px 0 2px;
    width:400px;
    }

    to

    #content blockquote p {style.css (line 464)
    background:#404040 none repeat scroll 0 0;
    border-left:4px solid #00CCFF;
    color:#FFFFFF;
    margin:0 25px 0 30px;
    padding:5px 25px 1px 2px;
    width:400px;
    }

    And changing style.css (line 286) from:

    #content p img {
    margin:0;
    }
    #content p img {
    margin:-5px 10px 0 0;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic