modify home page font size

I used chrome to access nsitedesigns.com.  Am trying to reduce white font size in main boxes (blue, orange and purple).  Looks like it is called textwidget.  I could not find this in the css file.  When i added textwidget p to the style sheet and modified the font size, it didn't do anything.  Not sure what I am doing wrong.

p.s.  Seems alot of new sites have HUGE fonts on the home page.  Is that now the new normal?
nsitedesignsAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Tom BeckCommented:
When I add this to the bottom of style.css for your theme it changes the font size accordingly.

.textwidget p {
    font-size: 22px;
}

Larger fonts on landing pages do seem to be trending. Doubt if anything related to web design will ever settle on any trend for the long term. Really though, web page design follows closely with other advertising trends. The same firms are designing in all media. Look at highway billboards much? The trend seems to be fewer words, larger words, more negative space, bold graphics.
nsitedesignsAuthor Commented:
Must be a caching issue again because that was what I did and I didn't see any change.  Will try again.

Thanks
nsitedesignsAuthor Commented:
Hmmm  The change did not impact the other colored boxes on home page.  

The footer is the only one that has a smaller font size. I can't recall what I changed to get the footer to a smaller font size but I was able to do that about 2 weeks ago.  Again, still learning and going through some pretty dramatic growing pains.
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Tom BeckCommented:
This definition is setting the footer text size (line 1604)

.footer-widgets {
    font-size: 20px;
    text-align: center;
}

Using this:

.textwidget p {
    font-size: 20px;
}

Would have the same affect on the footer but also affect all the other sections.
Font Size Change
nsitedesignsAuthor Commented:
Still could not get it to work.  Finally figured out what I had to do.  I modified the following and it worked!  Line 1156 in css.

.home-even,
.home-odd {
      clear: both;
      font-size: 25px;
      overflow: hidden;
      padding: 190px 0 200px;
      text-align: center;
}
Tom BeckCommented:
That might be okay but you are affecting elements five levels up from the <p> tags you intend to target. It may have unintended consequences.

Perhaps .textwidget p { font-size: 25px } did not work for you because of the specificity rules.

You should try again adding this to the bottom of the style.css:

.widget-area .wrap .widget_text .widget-wrap .textwidget p {
    font-size: 20px;
}

Being more specific may make the difference and you will only be targeting the <p> tags.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
nsitedesignsAuthor Commented:
Thanks!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.