Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 3, 2018 at 12:00 pm #892784
    tom

    Hello,
    Is it possible to change the space between the widgets in the sidebar.
    In other words, closer to each other.

    Thanks in advance.

    January 3, 2018 at 1:47 pm #892822
    DigitalEssence

    You should be able to just target them using their class (widget) and remove top/bottom padding/margin depending on what is used.

    This will remove ALL padding and pop a red outline round the widgets to show you whats what.

    .widget {outline:1px solid red!important; padding:0px!important; margin:0px!important;}

    edit to get it how you want

    January 4, 2018 at 6:31 am #893111
    Rikard

    Hi,

    Thanks for helping out DigitalEssence, did you try that out @bishstan? If you should need any further help then please post a link to your site so that we can have a closer look.

    Best regards,
    Rikard

    January 5, 2018 at 4:36 pm #893738
    tom

    Thanks so far.
    I just want less space between the widgets-blocks.
    So where can I find the css of this part so I can change it (I guess it must be in the layout.css?)
    Can you give me the exact name and location?
    Look at: http://wandkasten.nl/het-kastenhuis/

    Thanks and regards.

    • This reply was modified 6 years, 10 months ago by tom.
    January 5, 2018 at 5:03 pm #893748
    DigitalEssence

    Hi,

    did you try the code I supplied? When I apply it to your site it removes all the padding on the sidebar widgets.

    View post on imgur.com

    And I trust you are using the Chrome Web Developer plugin so you can test CSS on the fly?

    If not then: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

    January 6, 2018 at 11:29 am #894030
    tom

    Great, its working.

    I had to remove the “outline:1px solid red!important” in the first code you gave me.
    After that is looks fine.
    Thanks for your great support.

    Ps, I use safari, is there something like google web-developer?

    • This reply was modified 6 years, 10 months ago by tom.
    January 6, 2018 at 1:03 pm #894055
    DigitalEssence

    Hi,

    yes, the outline was purely so you can visualise the removal of padding/margin while you work. Once you have it as you want it to look then just remove the outline.

    Not sure if there is a plugin for Safari. Personally I would just install Chrome and the plugin. You will save hours of work being able to edit CSS on the fly, identify divs and generally test sites without having to edit and upload any code until you are ready.

    January 6, 2018 at 1:49 pm #894083
    Rikard

    Hi,

    Thanks again for helping out @digitalessence, much appreciated :-)

    Chrome is my go-to browser as well for development, though the new versions of Opera and Firefox dev edition are equally good in my opinion. I just comes down to what you are comfortable with I guess.

    Best regards,
    Rikard

    • This reply was modified 6 years, 10 months ago by Rikard.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.