Increasing font size only on front page

Solved
shells
Explorer
193 3 97

Hi, 

I would like to increase the below circled fonts as well as the subtitle under Latest News to a bit bigger as they are too small. 

It is a <p> element. I want to keep the style because <p> is used throughout the website but I just want to alter the three sections on the landing page. Can anyone help with a specific code please?

https://www.feyrebaby.com.au/

password: pahkud

shells_0-1624435420127.png

 

Pallavi
Shopify Expert
2240 370 486

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.section-block p {
font-size: 18px;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
20594 2130 7791

This is an accepted solution.

@shells 

sorry for that issue can you please try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.section-block p {
    font-size: 18px; /* change value as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pallavi
Shopify Expert
2240 370 486

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
shells
Explorer
193 3 97

@Pallavi Thank you. You are very kind. 

Would you be able to help me with the following?

The custom font changes I have made on my desktop version are not reflecting on my mobile version.

I'm also adding this customisation code (so I don't need to install/pay for app). It's just not coming through in the cart so was wondering if you can help?

Also I removed/hid the humberger bar for the menu (it is where the red circle is) but it's also done the same for the mobile. I need for it to show so people can click on the menu if they are browsing on their mobile. Can you help me check this?

 

shells_0-1624440675328.png

 

KetanKumar
Shopify Partner
20594 2130 7791

@shells 

do you have like this?

KetanKumar_0-1624441509858.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pallavi
Shopify Expert
2240 370 486

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 991px){
    .bar1, .bar2, .bar3 {
        display: block !important;
    }
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
shells
Explorer
193 3 97

@KetanKumar 

Yes that is something I have. I made it white so that it doesn't appear on desktop version but I need it to appear on the mobile. Can you make it into the colour #B4DAD6?

0 Likes
shells
Explorer
193 3 97

Hi @Pallavi , 

The code is for?

It is not doing much after I pasted it. 

0 Likes
shells
Explorer
193 3 97

Problem solved! Thanks all