Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Website Title gets cut off by some image, is there a known fix/suggestions?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 27, 2012, 05:09 PM
BrianDouglas's Avatar
BrianDouglas
 
8 posts · Oct 2012
New Jersey, USA
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:

Last edited by BrianDouglas; Oct 27, 2012 at 05:18 PM. Reason: add image for example
  #2  
Old Oct 27, 2012, 05:31 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
export your settings and attach them to a reply
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 27, 2012, 05:47 PM
Jam's Avatar
Jam
 
1,078 posts · Mar 2011
Perth, Western Australia
The site title is in the logo-area.

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

.col5 {
width: 400px;
}
__________________
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites
  #4  
Old Oct 27, 2012, 06:04 PM
BrianDouglas's Avatar
BrianDouglas
 
8 posts · Oct 2012
New Jersey, USA
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. =)

Last edited by BrianDouglas; Oct 27, 2012 at 06:38 PM.
  #5  
Old Oct 27, 2012, 06:37 PM
BrianDouglas's Avatar
BrianDouglas
 
8 posts · Oct 2012
New Jersey, USA
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;
}
  #6  
Old Oct 28, 2012, 01:17 AM
Jam's Avatar
Jam
 
1,078 posts · Mar 2011
Perth, Western Australia
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.
__________________
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites
  #7  
Old Oct 28, 2012, 03:53 PM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
One way to fix this is to increase the number of columns the logo area takes up and decrease the number that the menu takes up. Remember you hav to think responsive here. The changes would take place in the 'header.php' sub-template.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Oct 28, 2012, 06:40 PM
BrianDouglas's Avatar
BrianDouglas
 
8 posts · Oct 2012
New Jersey, USA
Thank you for the added input, I will keep both shares in mind as I begin to customize. Responsive is really taking over. That was the main reason I fell for this theme. I'm currently looking around for people talking about the SEO qualities, and things one should change, about this theme. If either of you have any tips or can point me in the right direction for that, I would greatly appreciate it. Thanks again JuggleDad and Jam!
  #9  
Old Nov 3, 2012, 12:40 PM
rosetrees
 
102 posts · Mar 2009
I've moved the menubar so that it sits underneath the logo area, that way I don't have problems with the menu overlaying the text. I also commented out the sprites so the menu doesn't take up too much vertical space. See attached.
With practice, Brian, you can turn this theme into anything you want. I'm still learning. I found an awesome, responsive, slider plug-in which works well at the top of sites - Soliloquy Lite
Attached Thumbnails
Click image for larger version

Name:	menubar.jpg
Views:	218
Size:	46.2 KB
ID:	2093  

Last edited by rosetrees; Nov 3, 2012 at 12:43 PM.
  #10  
Old Nov 17, 2012, 11:26 AM
miklasz
 
1 posts · Nov 2012
Use z-index for title move txt over the picture, worked for me
  #11  
Old Feb 26, 2013, 04:59 PM
Billie J
 
1 posts · Feb 2013
Quote:
Originally Posted by rosetrees
I've moved the menubar so that it sits underneath the logo area, that way I don't have problems with the menu overlaying the text. I also commented out the sprites so the menu doesn't take up too much vertical space. See attached.
With practice, Brian, you can turn this theme into anything you want. I'm still learning. I found an awesome, responsive, slider plug-in which works well at the top of sites - Soliloquy Lite
I took a look at Soliloquy Lite, and it does not look like it is compatible with my site. Do you have any other recommendations? Any help would be greatly appreciated. Thanks!
  #12  
Old Feb 27, 2013, 04:51 AM
juggledad's Avatar
juggledad
 
22,382 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Billie J
1) to 'hijack' a thread is poor forum practice
2) you don't specify enough information - your url, the issue with the plugin and website title getting cut off on your site is, why is the plugin not compatibale.

Open an new thread and provide enough information.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
blog name, cut off, montezuma

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I add a background image that goes around the website? Luis Lecca Center area post/pages 5 Apr 2, 2012 12:13 PM
Suggestions for image popup? 222fbj New Versions, & Updating 4 Oct 2, 2010 05:49 PM
Sidebar Image Rotator Suggestions, Or Can I use the Header Rotator? ptsail Plugins & Atahualpa 3 Jun 11, 2010 04:42 AM
Suggestions Please! Need plugin to create rollover images for image map. kippiper Plugins & Atahualpa 0 Nov 15, 2009 05:30 PM


All times are GMT -6. The time now is 01:01 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.