Spacing and tables

boxplot2013 · Member · Sep 3, 2014 at 10:40 am
Copy link

Add topic to favorites
Hi there,

When I use the heading font for my theme, it automatically puts additional space between the paragraphs. Is there anyway to change this?

I tried changing this in the HTML editor but it did not work. Can I use CSS to change the automatic spacing applied when using the heading font?

I hope that makes sense.

Many thanks.

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 3, 2014 at 11:08 am
Copy link
Your blog is set to private so I can’t check it and you haven’t mentioned either the theme you or header font that you’re using.

If you could either give me access to your blog or let me know the theme and font details so I can try to replicate it on my test blog I will have a look and see if I can help.
boxplot2013 · Member · Sep 3, 2014 at 12:00 pm
Copy link
Hi there,

Sorry! I have made the site visible now. The theme I am using is Moka and the heading font is Omnes Pro.

The spacing is the most obvious on the following page, where I am using a table: http://mark-valenzuela.com/group/

But I would like to change the automatic double spacing when using the Heading font across all pages…

Any suggestions would be much appreciated.

Thanks!
hallluke · Member · Sep 3, 2014 at 12:27 pm
Copy link
Hi, here is the code to change the padding under your main headers and the h6 element you are using in your table. I would recommend removing the h6 tags completely though, as you have them surrounding the text in every cell in your table and they aren’t needed.
```
.entry-header h1.entry-title,
.entry-header h2.entry-title {
  padding: 0px 0px 20px;
}

h6 {
  margin: 12px 0px;
}
```
boxplot2013 · Member · Sep 3, 2014 at 12:42 pm
Copy link
Thanks very much for your help. I entered the above in the custom CSS but couldn’t see any immediate change? Sorry, I am pretty new to this…

I have tried removing the h6 tags for the table in the text editor, but then the font changes back to ‘paragraph’… Is there a way of doing this without it reverting to the body font?
hallluke · Member · Sep 3, 2014 at 12:45 pm
Copy link
You can just change the font using CSS, have you bought the custom design upgrade?
boxplot2013 · Member · Sep 3, 2014 at 12:53 pm
Copy link
Yep I have the custom design upgrade. But the heading font is not available for the body font. That is why I’m using h6 in my table and other posts. However with the table, it seems to require the h6 tags for every line in order to maintain the font. So I just wanted to change the automatic paragraph spacing that occurs at the end h6 tag. Sorry I don’t have the vocab to explain this. I’m not sure why the CSS you provided didn’t work. Maybe I didn’t enter it correctly. Cheers.
hallluke · Member · Sep 3, 2014 at 1:31 pm
Copy link
You can just set the font-family on the whole table, like this:
```
.entry-content table {
  font-family: omnes-pro-1, omnes-pro-2, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
```
When you select a font to use for your header it gets loaded for every page on your site sp you can apply it with CSS just like standard web fonts.
boxplot2013 · Member · Sep 4, 2014 at 12:58 am
Copy link
Thank you so much! That worked perfectly. I was clearly asking the wrong question to begin with!

Cheers,

Anna
hallluke · Member · Sep 4, 2014 at 6:47 am
Copy link
No problem Anna!

When writing HTML in your posts it’s always best to use elements for their intended purpose: paragraphs in p tags, headers in h1-6 tags, lists in ul or ol, tabular data in table. It means it has a better chance of displaying correctly and search engines have a better idea of what is important so you show up in search results much more accurately!

In general (depending on the theme you’re using) most things can be styled with CSS without having to tinker with the HTML. If you get stuck with anything else just create a new topic here and we’ll help if we can.
boxplot2013 · Member · Sep 4, 2014 at 11:52 pm
Copy link
Oh okay, that makes sense. Thanks very much for the info.

So if I want to use the same font for the content in my other pages, can I just use the CSS above again?. If so, instead of writing ‘table’, do I put the page name or can I apply it to the whole website somehow?

Many thanks,

Anna
hallluke · Member · Sep 5, 2014 at 7:11 am
Copy link
If you’ve paid for the upgrade it would be easier to just choose the font you want from the customise page rather than setting it via CSS everywhere.

You can specify certain HTML elements use that font if you like, for example (unless your theme has certain declarations that override this) with most themes you can set the body font with something like:
```
body, p {
  font-family: omnes-pro-1, omnes-pro-2, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
```

No items found.