need help to change my css style file

  • Hi all

    i am using iBlog2 theme and i have been doing some changes with the theme.

    I need some help with the following:

    – Reduce the space between the posts on my main page

    by adding the margin-bottom line/code to my css style file i can only get the space between the posts to be bigger but cannot reduce it. it seems to be stucked at 15px or something like that. here is what the code looks like in my css style file.

    .post {
    border: 1px solid #bbb;
    background: #FFF;
    padding: 25px 25px 15px 25px;
    clear: both;
    overflow: hidden;
    padding-bottom: 1em;
    margin-bottom: 0px;

    if i put “margin-bottom: 50px” the space is huge between the post but when i put like 0px it looks like it a 15 px or more space between the post and i want almost no space.

    – i would like to reduce the space in the bottom of my widgets (inside the widget)
    i beilive it s called padding-botton but i plaied with the values and no changes.
    when i changed the size of my widgets to make them wider i used the code below by changing the width value so i thought that by changing the padding-bottom value, it will reduce the space inside the widgets but it didnt.

    #sidebar {
    margin-top: 15px;
    padding-bottom: 20px;
    float:right;
    width: 280px;
    color: #666666;
    line-height: 150%;
    position: relative;

    – i would like to center my calendar inside the widget
    Since i changed the width of my widgets for a wider size the calendar widget is on the left side and not center. i would lke it center or better, to use the full lengthof the widget ??
    it seems that the code bellow is the one to work with but i am not sure

    /* calendar */
    .widget_calendar table { margin: 0px auto;}
    .widget_calendar td { padding: 0px 4px; }
    .widget_calendar caption{ font-weight: bold;font-size: 1.2em; }

    thank you

Viewing 4 replies - 1 through 4 (of 4 total)

  • 1. you have padding
    padding: 25px 25px 15px 25px;

    the third number is the bottom,

    2.

    #sidebar .dbx-box
#sidebar p {
	margin: 0px 0px 15px;
}

    I believe is controlling your widgets. the third number (15) is bottom margin. But changing that may affect other things… You also have a dbx.css file in your theme that seems to redundantly declare the same values

    As for the calendar…. is it from a plugin? its lookg for eme_calendar css, which I don’t think I see in your theme

    Have you tried negative amounts, like -5px, -15px, etc.?

    Thread Starter Fabmaclover

    (@fabmaclover)

    Thanks Rev for your help.

    i am new in wordpress and i didnt know about the dbx file ??

    1- i tried to change the third number “15px” in the css style file but no change regarding the space between the posts.

    2- i changed the following code from the dbx file

    .dbx-box {
    margin:0 0 8px 0;
    padding:0;
    border:none;
    clear: both;
    }

    the margin was: margin:0 0 15px 0;
    i changed it for 8px value and it changed the space between the widget. i like it this way actually ?? but it does not reduce the space at the bottom inside the widget.

    3- for the calendar, it s a pluggin, sorry i forget to mention that

    Thread Starter Fabmaclover

    (@fabmaclover)

    Hi boyevul,

    i just tried negative values but still the same

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘need help to change my css style file’ is closed to new replies.

Tags