My website for hands on case studies and tips for IM, which you can find in my profile, currently uses the Montezuma theme, and I have a somewhat serious problem. When I use the name "Earn Money Insider", the bottom of the "R" at the end is cut off, and thus the presentation is completely borked.

In order to work around it, I have named the site "EarnMoney Insider", convincing myself that it looks good, and sounds cool when you treat the first part as one word like that, and encouraging my "it's okay" attitude about it by seeing how it matches the headline perfectly... BUT I am not sure if that would hurt me (maybe it will even help :P) with Google. I'm more worried about it looking like poor grammar than caring whether or not something like that could potentially give me an edge or make me slightly more brand-able.

I am not bashing the theme at all, it is awesome for a non-premium theme, and better than a lot of premium themes I've seen. A great gift for the WP community for us who have yet to decide on a premium option.

I guess what I need to know is: What can I change in the back end that will allow me to add that space in between "earn" and "money", without having it cut off the bottom of the last letter in "Insider"?

I want to thank you for making a very excellent theme (the responsive features for mobile and low-resolution readers is amazing), I just wish that I could add that space. I know some basic html and php editing (not coding, just ediitng), but as some of you may know, these themes can be quite "proprietary" with their brilliant use of subtemplates, and I wasn't able to figure out what was being rendered over that "R" on my own.

Thanks so much for any help the forums or the author can give me, it will mean a lot to me, and be one less thing on my mind while migrating and updating my site to the place it now resides.

edit: I've taken a screenshot to show you the problem I am having:

export your settings and attach them to a reply

The site title is in the logo-area.

<div id-"logo-area" class="col5">

.col5 {
width: 400px;
}

Thank you Jam, I will take a look at that, and it looks like it is just what I needed.

I made another screen, this time the element itself. It is at this point probably useless for me, but for others with the problem in the future, they can see a visual representation of what is going on:



Thank you both for your swift responses. And juggledad, if this doesn't work out for me, I'll go ahead and bring the settings back for you bud. =)

Okay, so, it appears that I found that the logo area in the layout.css which is for the logo itself and bears a margin of 20px, I dropped it to 0 before looking for where the div is and the problem is fixed. I will take a look on mobile and see if it has any new issues or if the offset is too noticeable, but I'm pretty sure it will be just fine:

#logo-area {
margin-left: 0px;
}

All you did was give yourself 20px by cutting a margin. That's fine because it fixed that problem now, but if you had a longer title, same problem would be back because the logo area appears to be set to 400px.
To fix the problem you need to remove the width applied to site title, which is in the logo-area.

Use a code inspector, my preference is Chrome, right click and "Inspect element", to see what you need to clear to fix it properly. To test, give yourself a longer site title, then work out how to make it display without getting cut off.

Code inspectors ftw.