Resize the block in the footer in Dawn12.0.0

[harvey_1]

how can i change the size of the social info block in the footer, or change the gap between it to the block right next to it, like making the newsletter signup form wider?

Thanks for your help!

[BSS-Commerce]

Hi @harvey_1 

I understand your question is to change the size of the social icons in the footer, thereby changing the size of the social info block. If you wish so, the solution is as follows:

In Online store, select Theme -> More -> Edit code

In base.css, you can add the following code at the end of the file

.footer-block--newsletter .list-social__item .link.list-social__link svg {
    width: 50px;
    height: 50px;
  }

You are not required to use the number 50px like me. If you want the social info block to be smaller or larger, use small or large numbers depending on your preference

Click Save to save the changes

Result:

Hope it helps @harvey_1 !

[harvey_1]

Hi, thanks for your reply but sadly it didn't work.

Sorry if there's any misunderstanding on my description of the question, i had a application instead of the default newsletter block. so the code may have changed somehow.

perhaps simply saying that changing the width of the block in the footer may be a better description. 

[BSS-Commerce]

Hi @harvey_1 

If you just want to change the width of the footer block you can follow my solution above, but instead of adding this code

.footer-block--newsletter .list-social__item .link.list-social__link svg {
    width: 50px;
    height: 50px;
  }

Please add this code:

.footer__content-top.page-width{
    max-width:100%
}

Result

Because I don't know the specific application you use instead of the newsletter block, I will change the size of the newsletter block by adding the following code:

.newsletter-form__field-wrapper{
    max-width: 1200px !important;
    width: 1200px !important;
  }

You can use another number 1200px

Result

If you want to increase or decrease the size of the block containing your application, you can contact the application creator.

Hope it helps @harvey_1 !