?
Solved

Wordpress content box not resizing to fit text.

Posted on 2008-10-14
2
Medium Priority
?
373 Views
Last Modified: 2008-10-14
On the homepage of this site ( http://pistachioconsulting.com/ ), there is a content box headed with the words, "About Pistachio". In most standards-compliant browsers, the text in this box falls off the edge at the bottom.

Main style sheet is http://pistachioconsulting.com/wp-content/themes/wpremix2/style.css
Style sheet for home page is http://pistachioconsulting.com/wp-content/themes/wpremix2/css/homepages.css

Any ideas?

Thanks.
0
Comment
Question by:BlueArctos
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 1

Assisted Solution

by:andrewmilo
andrewmilo earned 900 total points
ID: 22716767
Here you go:

http://pistachioconsulting.com/wp-content/themes/wpremix2/css/homepages.css

#main .project (line 584)

{

height: 214px;

overflow-x: hidden;

overflow-y: hidden;

margin-bottom: 10px;

}

You height is fixed, and your y overflow is hidden.  Change the height, and it won't cut off the text!

0
 
LVL 14

Accepted Solution

by:
ziffgone earned 1100 total points
ID: 22716888
It's in the homepage.css file here:

#main .project {
height:214px;
overflow:hidden;
margin-bottom:10px
}

Because the height is set at 214px and the overflow is set as "hidden", all your content for this section has to fit into this box everything that doesn't fit will be hidden.

It looks like the only word that is missing is the last one, "results". So you can either edit your content and remove a couple unnecessary words/phrases, or you will have to play with your box by eliminating the height variable or adjusting it bigger, ex: 230px, or set the overflow to "auto" and have your content scroll.

Hope this helps.

Regards...
0

Featured Post

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

800 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question