Ella theme- How to change the font size and the location of the new page title

bethchan
Excursionist
55 0 9

 Hello ,Dev

       I create a new page, but I want to change the title font size and move it to the middle. Make it the the same as the privacy  policy page. I have added the code on the theme.scss.liquid to change the title of the privacy  policy.

code:

.shopify-policy__container {
max-width: 80% !important;
}

.shopify-policy__title{ padding-top: 30px; }

 

bethchan_0-1618493456951.png

       

bethchan_1-1618493473392.png

 

0 Likes
suyash1
Shopify Partner
2712 285 450

@bethchan - can you please share order page link?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
bethchan
Excursionist
55 0 9

@suyash1 

0 Likes
suyash1
Shopify Partner
2712 285 450

@bethchan - one issue is order page do not have separate class, so if we adjust header size for it thenit will be applied to all pages, add this css to the end of your theme.scss file and check 

.section-header .title--large {font-size: 1.75em; text-align: center;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
suyash1
Shopify Partner
2712 285 450

@bethchan - I see this 

suyash1_0-1618806385417.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
bethchan
Excursionist
55 0 9

0 Likes
bethchan
Excursionist
55 0 9

@suyash1 , Do you know to reduce the height of my footer bottom?

bethchan_0-1618886093200.png

 

 

0 Likes
Natztech
Shopify Partner
606 159 401

@bethchan  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 1024px){
   .template-index .site-footer__middle{
      padding: 42px 0 0px !important;
    }     

  .template-index .site-footer__bottom {
      padding:  0 !important;
  }
   }
             
         

  

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
suyash1
Shopify Partner
2712 285 450

@bethchan - please add this css to the end of theme.scss file and check 

 

.site-footer__middle {padding: 42px 0 5px;}

@media (min-width: 1025px){
.site-footer__bottom {padding: 5px 0;}
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
bethchan
Excursionist
55 0 9

@suyash1 ,  It doesn't work. I found the code is the same as your  code in the theme.style.scss. 

bethchan_0-1618894283840.png

 

0 Likes