Reducing the padding of widgets
-
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.
-
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.
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’
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?
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?
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.
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
The topic ‘Reducing the padding of widgets’ is closed to new replies.