Support » Fixing WordPress » Removing borders from blockquote

  • Resolved quita87

    (@quita87)


    I’ve been trying for a bit to get rid of the left and right borders on my blockquotes. I’m not sure what to do. I made a test post to show what I’m talking about: http://blog.harrisonedit.com/test-post

    I am using a plugin called Simple Custom CSS because it’s supposed to be able to override the code in my template. It seems like I can do everything but remove the borders from the blockquotes, which is the absolute only thing that I want tweaked.

    Here’s the code I currently have in the Simple Custom CSS plugin:

    blockquote {
    	border-left: none;
    	border-right: none;
    	font-family: Georgia, serif;
    	font-size: 18px;
    	font-style: italic;
    	width: 450px;
    	margin: 0.25em 140px;
    	padding: 0.25em 40px;
    	line-height: 1.45;
    	position: relative;
    	color: #000000;
    	background:#ffffff;
    }
    
    blockquote:after {
    	display: block;
    	content: "\201C";
    	font-size: 80px;
    	position: absolute;
    	left: 0px;
    	top: -10px;
    	color: #000000;
    }
    
    blockquote cite {
    	color: #999999;
    	font-size: 14px;
    	display: block;
    	margin-top: 5px;
    }
    
    blockquote cite:before {
    	content: "\2014 \2009";
    }

    (Hope I did that correctly.)

    Any help would be much appreciated. I really need to know what I’m doing wrong.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Geoffrey Shilling

    (@geoffreyshilling)

    Your example page is giving a 404 error (the page wasn’t found). Do you have another link we could take a look at or did you get the border removed?

    I also can’t see the link, but if you’re going after the class named blockquote, your CSS needs have a period for ‘blockquote’ in all instances. Like this:

    .blockquote {
    	border-left: none;
    	border-right: none;
    	font-family: Georgia, serif;
    	font-size: 18px;
    	font-style: italic;
    	width: 450px;
    	margin: 0.25em 140px;
    	padding: 0.25em 40px;
    	line-height: 1.45;
    	position: relative;
    	color: #000000;
    	background:#ffffff;
    }

    I actually figured it out but thank you for helping. I went into the wordpress files installed on my server and deleted the border-right and border-left lines from the code. Worked like a charm!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing borders from blockquote’ is closed to new replies.