Change newsletter box location in Dawn Theme footer?

[maksimcuturilo]

Hello,

I'm trying to change the location of the newsletter button of my footer to be in the third column as in the attached screenshot.

I've seen a few threads about this customization, but in all of them people have posted the entire liquid code updated and I'm not sure exactly which section I'm supposed to change. 

My website url is studiodekstra.com, and password is thowsh.

Thank you very much in advance! 

[Mehran_Ali]

Hi @maksimcuturilo  hope you'r doing well 

This thing required liquid code customization can't be achieved and is not recommended using CSS 
So If you can share your store collaboration access I will move that code for you 

[maksimcuturilo]

Thank you for offering to help!

The collaboration code is 7301

[Mehran_Ali]

Kindly accept the request 

[maksimcuturilo]

Thank you so much!!! Just saw that it's correct now 

Really appreciate it

[maksimcuturilo]

Hello,

I'm running into another issue - I'm trying to make the text aligned to the left side of the box below

I tried using text-align:left for the heading, but it doesn't work because it get's aligned to the left of the parent container and the newsletter box below stays in the center. I tried aligning the box (wrapper) to the left as well but it doesn't work with any code I tried. What would be the best way to solve this? 

Also, from where can I change what the text says now? I don't want it to say "Subscribe for 10% off"

I would be very grateful if you could help me out with this, thank you!!

[suyash1]

@maksimcuturilo - it will need code customization in footer.liquid file, you will need liquid code developer if you are not familiar with the coding

[steve_michael2]

Hi @maksimcuturilo , I hope you are doing well, the customization you requested can be done in liquid code. I'll need your store access to do what you need. Thanks!

[BSS-TekLabs]

- Here is the solution for you @maksimcuturilo 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media only screen and (min-width: 600px) {
.footer-block__newsletter {
    position: relative !important;
    right: -451px !important;
    top: -283px !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.