Wordpress Footer Edit

Hello, How do I edit the logo and site description section in the footer? It doesn't look good. So the logo will be on top, the description below will be more aligned, will stand evenly, how can I do this? The theme has no features. Can I do this with Additional CSS or footer.php

If this isn't your theme then you will want to create a child theme before editing the footer.php file because the next time you update the theme you will lose all of your file edits.

Your theme looks like it's using Bootstrap CSS, so you can look at that for making CSS edits.

Look at line 37:


"col-md-6" is telling the browser to render your logo and descriptions in a column that spans half the page. You can try changing that line to "col-md-4" and see if your descriptions span the length of the image. The other thing you can do is add a max width size to your footer-logo div or your site-branding-div. Bootstrap has some sizing helper classes that allow you to easily set the max -wdith of elements.

If you don't want to edit the footer.php file, you can try adding Additional Custom CSS of



You might also need to adjust your logo's width to really get the proper alignment you want.

NulledCode said:

If this isn't your theme then you will want to create a child theme before editing the footer.php file because the next time you update the theme you will lose all of your file edits.

Your theme looks like it's using Bootstrap CSS, so you can look at that for making CSS edits.

Look at line 37:

HTML:

>div class="col-md-6">

"col-md-6" is telling the browser to render your logo and descriptions in a column that spans half the page. You can try changing that line to "col-md-4" and see if your descriptions span the length of the image. The other thing you can do is add a max width size to your footer-logo div or your site-branding-div. Bootstrap has some sizing helper classes

If you don't want to edit the footer.php file, you can try adding Additional Custom CSS of

Code:

.site-branding-text {
  max-width: 200px; /*<------------- adjust 200px until you are happy */
}

You might also need to adjust your logo's width to really get the proper alignment you want.

Click to expand...

Thank you man, it worked.