[Theme: Responsive] Where can I change line spacing?

Hi,

It’s hard to point on all elements at once, you can start with global elements such as body, where if needed you can decrease the line-height, than take this bit further to general margin and padding section. This isn’t going to be hard to find, everything is marked so you can locate elements easily.

I would like to suggest for you to use “Browser Tools” where you can start editing Theme styles directly from your browser and once you get the perfect fit, “transfer” and incorporate directly in your style.css.

This can be added in Appearance > Theme Options > Custom CSS Styles, or better yet via highly recommended Child Theme.

Child Theme Example
Browser Dev Tools

and our free and dedicated support forum if more assistance is needed.

Thank you for using Responsive!
Emil

Thanks for the answer. For anyone who wants to also change the spacing it is the “line-height” parm below:

body {
	-moz-font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	background:#efefef;
	color:#404040;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-smoothing:antialiased;
	line-height:1.3em;
	text-rendering:optimizeLegibility;
}

The default is 1.5em. I knocked it down to 1.3em and it looks better to me.

It took me hours to find out how to change the color of the Call To Action button from blue to red. Here is the code if anyone wants it.

.call-to-action a.button {
	font-size:24px;
	padding:15px 35px;
	background-color:#FF0000;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#A50000, #FF0000), to(#A50000, #FF0000));
	background-image:-webkit-linear-gradient(top, #A50000, #FF0000);
	background-image:-moz-linear-gradient(top, #A50000, #FF0000);
	background-image:-ms-linear-gradient(top, #A50000, #FF0000);
	background-image:-o-linear-gradient(top, #A50000, #FF0000);
	background-image:linear-gradient(top, #A50000, #FF0000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A50000, endColorstr=#FF0000);
}

Now I’m going to have to do it all over again for the new update. There must be a better way! I’ll have to learn how child-themes work!! Emil has some stuff on his site about it.

Child Theme works the same way as regular Theme. Upload and activate ??

Yes. I downloaded and FTPd the Responsive child theme to server and then activated the child theme in WP admin screen. Made my changes in that CSS. Did the upgrade to the new theme version… changes were still there. Terrific.

How did people preserve changes before there were child themes?

Child Themes are around for at least 4 years, before that, well backups and not so many updates I guess hehe.

Emil

@rajdwal: It is impolite to interrupt another poster’s ongoing thread with a question of your own and it causes significant problems for the forum’s volunteers. Please post your own topic.

Now that I have the line spacing within paragraphs fixed (see code) above, does anyone have any idea where in the CSS I can find the spacing BETWEEN the paragraphs? It’s probably in a <p> selector or somewhere. Anyone know? I’d like to override it in the child-theme and make the space a bit less.

That would be the line-height, global is set to 1.5em you can decrease if you wish ??

Emil

Thanks. I thought there might be a separate parm for para. spacing but I see there isn’t.

Thanks

Nothing special or complicated hehe ??

Emil