mookasaurus

I’m glad it’s helpful ??

On Style.css line 720, there’s padding-top 15px for .entry-title
and .hentry has padding top on the line 1070 and 1075. I think you can modify those paddings (in your child theme CSS) to decrease the space.

It’s a commercial theme so I can’t really see how the Javascript is included but I’m pretty sure it’s either linked from functions.php or header.php.

I think what you can do is search for the word “cufon” in your theme with your text editor. If you see any Cufon javascript in any file, just remove it. Make sure to check the console if there’s any Javascript error in case you missed any spot. Once all of the Cufon scripts are removed, you can change the font with CSS.

And if you want different fonts for your headings, using @font-face method is better than Cufon. There’re some good stuff on Google web fonts and Fontsquirrel, you can check it out.

https://www.fontsquirrel.com/
https://www.google.com/webfonts

Hope that helps!

You can add margin-bottom to the image or the container div like .gallery-icon or .gallery-item.

Hah, don’t worry, I still see the fonts at 16 pixels on your blog. Did you accidentally zoom out your browser?

lol both of your replies are here!

Maybe the update overwrite your original CSS file. If you can access Style.css, online 466, try changing the font size from 16px to 13px. You might wanna adjust the line-height to 20 pixels.

Let me know if it works!

Cool, I’m glad it’s working!

Have you uploaded the CSS? I see all those lines are still there. If not, could you please update the site so that I can see the changes?

Try setting line-height to .gallery-item the same as the height: line-height:160px;
Then add vertical-align:bottom to .gallery-icon img.

Wow, many things to get rid off here:

style.css
1. line 31, please remove “height: 640px;”
2. line 160, change “margin: 570px 0 0 15px;” to “margin:0 0 0 15px;”
3. line 161, change “margin: 570px 20px 0 0;” to “margin: 0 20px 0 0;”
Actually, you can remove everything for line 160 and 161 because for line 161, you have the exact same CSS on line 169 and line 161, you have it repeated on line 189.
4. line 167, change “padding: 60px 0 0 0;” to “padding: 10px 0 0 0;”

This should fix the problem for all 3 pages. I hope it won’t break on IE though.

Yes, that’s what I find quite annoying when building a child theme but using !important is the worst! ??

It seems like your theme is using Cufon which is Javascript font replacement so it can’t be changed just by CSS. I guess the theme might have an option to change the font somehow?

Here’s some instruction about Cufon.

https://davidwalsh.name/cufon

Oh no, please don’t use !important.

Twentyeleven CSS is using higher hierarchy selector which is “.singular .entry-content” but you’re trying to overwrite it with just “.entry-content.” Please try adding .singular in front of .entry-content and see if it works.

What is the size you want it to be? I looked at the code and the font size is set to 16 pixels. Looks fine on my screen actually. Some text is set to 11 pixels, which seems a bit too small.

(Don’t give up the free theme just yet!)

There’s a line of CSS overwrite margin left and right auto, looking in Firebug it’s on style.css line 692 for .post_thumbnail.

Change:

margin:10 0 0;

to

margin:10 auto;