css modification to widgets and excerpts

[tobi1kanoby]

Hi.
I have been trying out a few design changes to Suffusion through adding some custom include parameters, but I have not been seeing any results.

I have a few ideas on changing the looks of my site : http://makemoneyim.com

1. Center Align Widget Title
2. Reduce Margin between widgets, mainly on the one below header.
3. change background color and fonts to the magazine titles as seen on the main page under: "Latest Internet Marketing Tips and Tutorials" ( headlines) , " Latest Products Reviews" (excerpts)
4. Clear out the borders of widgets.
5. Reduce padding on featured image in the tiles view on the magazine , as seen in the product reviews section.
6. Align the " read more" button on the excerpt ( displayed as " full product review") to the center.

I have tried adding a few of the below codes, yet no changes were made.

Appreciate any help and thanks for the great Theme

.suf-widget h3, .suf-widget h3:hover, .suf-widget h3 a, .suf-widget h3 a:visited {
text-align: center;}
div.suf-widget {
border: 1px solid #1111111;
}

.widget_adrotate_widgets {
margin: 0 0 0 0;
}
.dbx-group {
padding: 0 0 0 0;
}
#sidebar-2 {
border: 0px
}
#sidebar {border: none;}
.dbx-content {
margin: 0;
overflow: hidden;
padding: 0px 0px px;
}

.entry td, .comment-body td {
border-bottom: 0px dotted #CCCCCC;
padding: 0px;
}

.entry th, .comment-body th {
border-bottom: 0px dotted #CCCCCC;
padding: 0px;
text-align: left;
}

#horizontal-outer-widgets-1, #horizontal-outer-widgets-2 {
display: inline-block;
float: left;
padding: 0px 0;
text-align: center;
width: 100%;
}
#sidebar, #sidebar-b, #sidebar-2, #sidebar-2-b {
color: #666666;
line-height: 160%;
margin-top: 5px;
width: 260px;
}

[Colin]

Have you a caching plugin enabled if so disable it. If not clear your browser cache.

The centre widget headers code is correct, I haven't checked the rest. Com back after you have checked the caching.

[tobi1kanoby]

Thanks Colin for your quick replay,
I have disabled both wp minify and w3 cache, cleared all my browsers cache yet I cannot see any changes.
I have another issue I wish you could answers.
Please have a look at http://makemoneyim.com/ultimate-backlink-finder/
the tool I created using JS so I entered it with one of the widgets.
However, I have this dotted border and massive padding inserted that I believe are originated from the template.

I've checked it out using firebag and came up with this:

.entry td, .comment-body td {
border-bottom: 1px dotted #CCCCCC;
padding: 6px;

I've tried changing the border to 0 with custom includes but nothing changes here too.

Thanks again for your help
Tobi

[Colin]

I don't see a dotted border or a big space. I am using FF 10.

This is what I see

2-800.jpg (73.31 KiB) Viewed 553 times

[tobi1kanoby]

Thanks again colin.
As for the image shared, I mean that the tool itself has some css characters that I think are derived from the widget' css:
.entry td, .comment-body td {
border-bottom: 1px dotted #CCCCCC;
padding: 6px;
}

which causes the padding between the first and second segments.
I've tried to change the settings through custom css. nothing happened.

As I have mentioned before, changing padding of widget area did not work for me.

Another issue that I have only experienced recently is the slow load of navigation bar, I wonder if you see it at your end and if you have any ideas how to sort it out.

Thanks a million
Tobi

[tobi1kanoby]

Any thoughts anyone?
any help would be much appreciated.
regards
Tobi