Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

tweaks to widgets on home page

http://screencast.com/t/g297G7bOhFN

How do I reduce space BETWEEN Home Bottom Widgets?
How do I change the LEARN MORE to the blue color that is like Home Middle?
Avatar of nsitedesigns
nsitedesigns
Flag of United States of America image

ASKER

SOLUTION
Avatar of Terry Woods
Terry Woods
Flag of New Zealand image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Sorry was out sick...

Let me take a look at what you wrote.
Terry,  I tried entering your code in the custom css plugin but it didn't do anything with changing the color.  I cleared cache and viewed in private browser.   When I changed it and inspected the element, it did display fine but there is a line through the color so something is overwriting  it and making it black.   See screen shot
http://screencast.com/t/O3kxRXM7cH
Nancy,

I put the important by the Learn more link and that fixed it but the code to remove the excess padding didn't work.  : (
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I looks like the culprit might be the entry-content but when I removed padding from the bottom noting happened.

http://screencast.com/t/NiNCKLIrs
Nancy,

Sorry, our paths crossed.  I did put in the code you provided for bumping up the Learn More.
.entry-content ol, .entry-content p, .entry-content ul, .quote-caption {
    margin-bottom: 26px;
} 

Open in new window


That did help close the gap but it still looks weird to me.  Is  there a way to "easily" put the learn more after the text?  Seems funky to have it sit so low below the image.  Or, would that require an act of Congress?  LOL  See screen shot.
http://screencast.com/t/bPdmvRE98wK
Terry,

Your suggestion to replace px with %  fixed the funky floating didn't seem to work.

I set margin-right to "0" and set width to 33%.

OLD CODE
.footer-widgets-1 {
    margin-right: 30px;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: 360px;
}

Open in new window


NEW CODE
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: 33%;
}


.footer-widgets-1 {
  margin-right: 0px;}

Open in new window

SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I think I fixed this I futzed with the settings in the widget and it is looking better.  Here is what I did:

Increase the amount of text to display
Pushed image to the right

Simple yet effective!
p.s.  I searched in the css for .home-bottom a.more-link and there were no results....
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks all!