• Hi,

    I am trying to reduce the padding on my far right footer widgets (the 6 list items currently split into 2 divs) so they align side by side and floated to the right.

    There should be a simple fix but I can’t put my finger on it.

    Is anyone able to look at my site with dev tools?

    The url is http://www.hannahandersondesigndemo.co.uk

    Thank you.

Viewing 11 replies - 1 through 11 (of 11 total)
  • You can look at your site yourself very easily. Install the FireBug Extension in FireFox and you will have the tools you need.

    Pressing the ‘inspector’ button (the one next to the ‘bug’ – it’s a blue rectangle with a blue pointer) will allow you to select an element on the screen and then you can change the CSS applied to that element to see what it will do.

    Give it a try.

    Thread Starter handerson91

    (@handerson91)

    Hi, I currently use dev tools in chrome.

    I just need a bit of help with the CSS.

    Thanks

    try getting rid of the css for ‘#black-studio-tinymce-7’

    Thread Starter handerson91

    (@handerson91)

    I have got rid of that and it now appears as: http://www.hannahandersondesigndemo.co.uk

    How do i position the two divs to the right hand side?

    which two div’s?

    Thread Starter handerson91

    (@handerson91)

    The two divs in the footer with bullet points in (pages of website).

    I would like to position them closer together and then floated right

    This is an issue about understand responsive grids You really should understand them before playing with them.

    How large of an area have you defined for each div?

    Thread Starter handerson91

    (@handerson91)

    Currently the footer widgets are all equal – 300px.

    I would like to keep the first widget with the images in as it is.

    I would like to then change the width of the other two widgets.

    I have already created a new grid/column width above on the page where it is split into two (left hand side is text and the right hand side is an image). I just don’t know how to do this for the footer. There is no HTML for me to edit the grid class size smaller.

    take a look in the themes core/css/style.css to see what col-nnn are available to use.
    My guess is since they don’t support a ‘push’ you’ll have to add in some blank div’s wit cols to move teh two you want to the right.

    You could try asking the theme developers.

    Thread Starter handerson91

    (@handerson91)

    Thank you for your reply.

    Unfortunately, I don’t understand what you just said.

    How do ask the theme developers?

    They have a support page here

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

The topic ‘Reducing the padding of widgets’ is closed to new replies.