Removing borders from blockquote

  • Resolved quita87

    (@quita87)


    10 years, 1 month ago

    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)
  • Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    10 years, 1 month ago

    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?

    Bubbles

    (@ciaobellaz)

    10 years, 1 month ago

    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;
}
    Thread Starter quita87

    (@quita87)

    10 years, 1 month ago

    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.