distance between post title and post content

thejalepeno · Member · Feb 10, 2015 at 9:49 pm
Copy link

Add topic to favorites
altering distance between individual post Title and content.

Any ideas?

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Feb 11, 2015 at 8:20 am
Copy link
Currently there is a bottom padding of 80px for the post title. So let’s reduce it to half, 40px.
```
header.entry-header.fullwidth-block {
    padding-bottom: 40px;
}
```
Let me know if this is not what you are after :-)
thejalepeno · Member · Feb 11, 2015 at 3:56 pm
Copy link
Yes, thank you very much !
thejalepeno · Member · Feb 12, 2015 at 4:00 pm
Copy link
what about the distance between different paragraphs within the body of the text?

Also, is there a way to disable the comment feature?
staff-happychia · Staff · Feb 12, 2015 at 5:56 pm
Copy link
It is guided by line-height property which is currently set to 1.5.

We can adjust it using the following style:
```
.center-block.entry-content {
    line-height: 0.75;
}
```
thejalepeno · Member · Feb 12, 2015 at 6:01 pm
Copy link
Thanks. What about a Subtitle (within the post title box) ?

Also, is there a way to adjust capital v. lowercase in the post title and subtitle?
staff-happychia · Staff · Feb 12, 2015 at 6:14 pm
Copy link
Do you mean the space between the blog title and description?

This style changes the case of the site title and description to lower case.
```
h1.site-title, h2.site-description {
    text-transform:lowercase;
}
```
thejalepeno · Member · Feb 12, 2015 at 6:36 pm
Copy link
I mean for each post…can I add a subtitle for example to my post titled “Welcome” and can I make that lower case?

Thanks for your help!
staff-happychia · Staff · Feb 13, 2015 at 9:49 am
Copy link
It is not typical for posts to have a sub title. However we can technically achieve this using following CSS:
```
.post-21 .entry-title:after {
    content: "this is my post sub title";
    text-transform:none;
    display:block;
    padding-top: 30px;
    font-size: 20px;
    color: grey;
}
```
This CSS works only for the “Welcome” post and for other posts you have to replace the post id of the relevant post. (post-21 is the id for “Welcome” post)
thejalepeno · Member · Feb 13, 2015 at 3:22 pm
Copy link
OK – thanks
dougelmagno · Member · Feb 13, 2015 at 4:31 pm
Copy link
Hi im complete novice at CSS but trying to learn. Im trying to get this to work for space between the header and the appearance of my page title but no luck: “What would be the coding for getting the theme to do that?”
staff-happychia · Staff · Feb 14, 2015 at 3:28 am
Copy link
@dougelmagno

Please let me know the address of your blog so that I can give you the exact CSS :-)
dougelmagno · Member · Feb 14, 2015 at 11:45 am
Copy link
right now the domain is brightsparkspanish.wordpress.com . The theme is antenna. Thanks a lot. I appreciate the help.
staff-happychia · Staff · Feb 15, 2015 at 7:17 am
Copy link
Your site doesn’t seem to have a title.

Could you describe what do you mean by title on your site? I can see the header but not the title.
designsimply · Member · Feb 15, 2015 at 2:15 pm
Copy link
dougelmagno, the original question in this thread was about the Tonal theme, but that won’t work for you because you are using a different theme. CSS for each theme will be different because the HTML for each theme is unique. Because of this, if you need further help in the future, you should start a separate, new help request.

Here is an example page from your site:
https://brightsparkspanish.wordpress.com/unique-features/

To make the space above that title in the Antenna theme smaller, you can add the following to your Appearance > Customize > CSS editor:
```
.site-main {
	padding-top: 3em;
}
```
Adjust the 3em value as needed.

To remove the extra spacing below the page title in the Antenna theme, you can add the following:
```
.type-page .entry-header {
	margin-bottom: 0;
}
```
dougelmagno · Member · Feb 16, 2015 at 11:54 am
Copy link
thx designsimply. That has worked so thx a lot for that. Also thx to chaitanyasmsv for offer to help. @designsimply thx also for explaining how threads work, i wouldnt have it clear all html inside of css were unique to theme, so i appreciate you clarifying that and Ill try my best to stick to that logic of not mixing threads from now on.
designsimply · Member · Feb 16, 2015 at 2:47 pm
Copy link
Mixing is sometimes ok, it just depends on the thread. Usually when it comes to CSS, the best thing to do is try searching quickly first to see if the question has already been answered. Then if you can’t find the answer, start a new thread.

Cheers :)

No items found.