Adjusting widget sizing

Is it possible to change the size of the widgets in the footer of my site so they are even? Have been playing with this but can't sort.

 

Hello, Kristin!

Yes, It is possible to change the size the widgets in the footer.
It's an easy process...
In fact, you can do it yourself easily.

Just follow the screenshot given below and follow the instruction.


Thanks,
Praveen

 

Thanks Praveen. I just see this:

<!--Start Footer container-->
<div class="container_24 footer-container">
<div class="grid_24 footer">
<?php
/* A sidebar in the footer? Yep. You can can customize
* your footer with four columns of widgets.
*/
get_sidebar('footer');
?>
</div>
<div class="clear"></div>
</div>
<!--End footer container-->
<!--Start footer navigation-->
<div class="container_24 footer-navi">
<div class="grid_24">
<div class="navigation">

I don't see where to specify a size.

 

Hey, Kristin!

You are trying to edit "footer.php" file while in the screenshot I told you to edit "sidebar-footer.php".

Now, I think you understand what was your mistake.

Try again.....


Thanks,
Praveen

 

You are right Praveen. Thanks and I tried to adjust and they are probably as close to size as I can personally do. However with them all set at 6, the left and second widget look different sizes than my other two. Is there any other way to adjust? It is just slightly but I can tell.

 

Hello, Kristin!

I need some screenshot to assist you.
Please provide me some screenshot indicating the size of each widget that you needed.

Thanks,
Praveen

 

Here it is again.

 

Hello, Kristin!

The provided screenshot doesn't clear your requirement to me. It's only the screenshot of your current website.

Anyway, I think you need code to make all the widget of the same size.
Try this code: -

Code:

.footer-container .common.left {
  margin-left: 5px;
  padding-right: 0px;
}
.footer-container .common.second {
  margin-left: 15px;
}
.footer-container .common.third {
  margin-left: 15px;
}

Thanks,
Praveen

 

I think it is better but still seems as though my left widget is bigger.

 

Hello, Kristin!

Find and replace the given below code from the earlier provided code :-

Code:

.footer-container .common.left {
 margin-left: 25px;
 padding-right: 0px;
}

Thanks,
Praveen

 

This actually made it worse. I may rethink this design. Thanks for your help