Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #14185

    I’m trying to change the spacing/padding between the adverts in the sidebar of my blog – http://golovegreece.com/. Currently, the spacing/padding is too wide. I think I’ve found the CSS code using Web Inspector. It gives me the following:

    {

    .sidebar .widget

    float: left;

    margin-bottom: 20px;

    overflow: visible;

    padding: 20px;

    width: 260px;

    }

    In Web Inspector, when I turn off margin-bottom and padding it gives me the effect I’m after, which is to squeeze the ads together.

    In the Quick CSS editor, I put in the following code

    {

    .sidebar .widget

    float: left;

    margin-bottom: 20px;

    overflow: visible;

    padding: 20px;

    width: 260px;

    margin-bottom: 0px;

    padding: 0px;

    }

    But it doesn’t take effect on the page.

    What am I doing wrong here? Thanks

    #82412

    Hello,

    Try to apply the following code on your custom.css

    Regards,

    Ismael

    #82413

    Hello Ismael

    There is no code in your reply. At least, I can’t see anything. Can you post it again. Thanks

    #82414

    Hello,

    Sorry for that, here’s the code

    .sidebar .widget {
    margin-bottom: 50px;
    }

    Regards,

    Ismael

    #82415

    You need to put the open parenthesis

    {

    after

    .sidebar .widget

    not before it.

    Put the code in your custom.css file.

    #82416

    Hey rumblefish,

    Thanks for helping out.

    Regards,

    Ismael

    #82417

    I inserted the following code:

    .sidebar .widget {

    margin-bottom: 50px;

    }

    into my custom. css file but, unfortunately, to no effect.

    What I’m trying to do is narrow the spaces between ads, so changed the px to 5 and 0, and still nothing. I tried inserting the code into Quick CSS and nothing doing here either.

    Just to be clear, I located the custom.css file using my host’s FTP file manager. I went wp-content>themes>shoutbox>css>custom css. And put the code in the custom.css file. Is this the right process?

    What am I doing wrong here? Thanks

    #82418

    I don’t see the code in your custom.css file. All I see is a load of css commands inside some odd plugins. Are you sure you uploaded the new custom.css file correctly into your theme files? If you change it using a control panel, remember to save the altered file.

    If you have conflicting css priorities because of the plugins, you might want to try putting something like:

    .sidebar .widget {

    margin-bottom: 50px !important;

    }

    so that the new command has priority.

    You can use negative spacing values too if you really want to close up the spacing, ie -20px

    #82419

    Hi,

    @rumblefish: thanks for helping again. :)

    @demozeno: kindly follow rumblefish’s instructions. :)

    Regards,

    Ismael

    #82420

    HI and thanks for the advice.

    After the code failed to work I deleted it from the custom.css file, which is why you couldn’t find it. Still, this is the first time I’ve tried to customise css in the custom.css file – previously I’ve made all my css changes in the quick css editor – so I have no idea what you mean when you describe ‘a load of css commands inside some odd plugins’, or how this happened. Is this something I need to rectify – and how do I do this?

    However, the good news is that I tried a negative spacing value – of -32px – and this works perfectly! I put the code in the css quick edit section.

    #82421

    Hi demozeno,

    You could just have the styles/codes removed in custom.css instead of deleting the file. Anyways, glad that you have fixed it. :)

    Regards,

    Ismael

    #82422

    When I scanned your widget code with firebug, it only showed css styling commands from inside some plugin css. I thought those were conflicting with what you were doing, but since you took out the commands anyway, it wasn’t the case.

    The easiest way to edit the custom.css file is to connect to your server with an ftp program and download the file. Change it with a text editor and then upload it again to replace the original one.

    Glad you got it working anyway :O)

    #82423

    Thanks for helping out rumblefish!

    Regards,

    Mya

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Change spacing/padding between sidebar widgets?’ is closed to new replies.