Change Font Size, Padding , Remove The Underline And Change The Position Email Form

Christopher-
Visitor
2 0 0

Hi, I am looking to

 

  • Change the font size
  • Adjust the padding, 
  • Remove the underline
  • and also change the position of the sign-up form in the Footer.

 

Please provide instructions on how to achieve these modifications. Any assistance you can offer would be greatly appreciated.

 

Screenshot 2024-03-21 233224 (1).png

Reply 1 (1)

PageFly-Garcia
Navigator
425 72 126

Hi @Christopher-,  I'm currently using the Dawn theme and I found a way to adjust the CSS style of the footer that you might find useful. Here's how you can do it:

Step 1: Inspect the Page

  • Right-click on your page and select "Inspect" .
  • Look for the most general class name associated with the list menu in the footer.

Step 2: Access Theme Customization

  • Navigate to your Shopify dashboard, then go to "Online Store" > "Themes".
  • Find the Dawn theme and click "Customize".
  • In the theme editor, select the footer section from the left-hand menu.

PageFlyGarcia_2-1711078837424.png

Step 3: Add Custom CSS

  • In the right-hand menu, you'll find a box where you can enter custom CSS code. Insert the following code:

 

 

.footer-block__details-content>p, .footer-block__details-content>li {
    padding-top: 50px;
    font-size: 50px;
    text-decoration-line: none;
}

 

 

 Here is how it looks from my site: 

PageFlyGarcia_0-1711078563815.png

In which: 
- ' .footer-block__details-content ' is the class of the content need to be adjusted in footer
padding top: 50px;  making the footer's text more spaced out

- text-decoration-line: none; remove the underline
font-size: 50px; to change the font size 

 

Hope it helps! 

 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.