How can I adjust the font size on my Shipping and Return page?

[jharokaau]

Hi Please see attached image

I have added Shipping and Return page on the footer and when i open it the header, the main font is massive which i believe is the same as as the text on my Image Banner “OBJECTS & LIVING”

How can i get rid of this heading? Its clashing with my logo

Password: pialdu

Thanks

[PageFly-Victor]

Hi [email removed]Jharokaau**,**

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file section-main-page.css

Step 3: Paste the below code at bottom of the file → Save

.page-width.page-width--narrow.section-template--17990305612051__main-padding h1.main-page-title.page-title.h0{
font-size:30px !important
}
@media(max-width:767px){
.page-width.page-width--narrow.section-template--17990305612051__main-padding h1.main-page-title.page-title.h0{
font-size:20px !important
}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[jharokaau]

Hi

I already have this CSS code that i added last night for the banner image to bleed into the header

.header-wrapper.color-background-1.gradient {
position: absolute;
width: 100%;
background: transparent;
color: #000;
}
.header-wrapper * {
color: #fff;
}

I tried pasting your code but it doesn’t work

maybe i can post it in a different spot?

Thanks

[jharokaau]

I tried pasting it here but its showing an error

[PageFly-Victor]

You can try to add it to the section-main-page.css file

[jharokaau]

I did

Doesn’t work

Can i make the text small? will that also require a CSS?

[PageFly-Victor]

let me confirm the issue is

[jharokaau]

yes thats corrects

seems to be like built in text when the pages are created

So all the heading for my pages are showing like this

[jharokaau]

This is whats appearing so large. I cannot create the pages without entering the title otherwise i would just delete them there

[PageFly-Victor]

you can try to add to the base.css

.page-width.page-width--narrow.section-template--17990305612051__main-padding h1.main-page-title.page-title.h0{
font-size:30px !important
}
@media(max-width:767px){
.page-width.page-width--narrow.section-template--17990305612051__main-padding h1.main-page-title.page-title.h0{
font-size:20px !important
}
}

[jharokaau]

can you please navigate me to base.css?

ive placed the code here and it doesnt work

bear in mind the theme i have is free…so maybe thats why its not working?

[PageFly-Victor]

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search base.css

Step 3: Paste the below code at bottom of the file → Save

.page-width.page-width--narrow.section-template--17990305612051__main-padding h1.main-page-title.page-title.h0{
font-size:30px !important
}
@media(max-width:767px){
.page-width.page-width--narrow.section-template--17990305612051__main-padding h1.main-page-title.page-title.h0{
font-size:20px !important
}
}

[infoatcodelab7]

@jharokaau

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.main-page-title.page-title.h0 {
  display: none;
}