WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
Where can I change line spacing? (11 posts)

  1. caltuna123
    Member
    Posted 2 years ago #

    Nice theme... solid performance.

    Am new to WP but know something about CSS. Where/how can I change the line spacing in pages. There is just a bit too much space between the lines of text and I'd like a bit less... and perhaps a slightly larger font size.

    http://wordpress.org/extend/themes/responsive/

  2. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    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

  3. caltuna123
    Member
    Posted 2 years ago #

    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.

  4. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

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

  5. caltuna123
    Member
    Posted 2 years ago #

    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?

  6. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

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

    Emil

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    @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.

  8. caltuna123
    Member
    Posted 2 years ago #

    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.

  9. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

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

    Emil

  10. caltuna123
    Member
    Posted 2 years ago #

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

    Thanks

  11. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    Nothing special or complicated hehe :)

    Emil

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags