Debut Theme change font of H1 and H2 in image overlay text to 12 pixels on desktop as well as mobile

seabff
Tourist
3 0 1

I use title and description on image overlay i have been able to code description to 12px on desktop but doesn't change in mobile ?

If any awesome webbies can help me huge kudos see screenshot attached where description is 12px but only on desktop. i want to be able to adjust title and descriptions on image to a 12 px size or changeable in mobile as well as pc as i only use text for seo and want it reduced to clean up image

https://seabff.com/ 

see screenshot i achieved this by adding script below

@media only screen and (min-width: 750px){
.mega-subtitle p {
font-size: 10px;
}
}

 

download.jpg

dmwwebartisan
Shopify Partner
6485 1505 1972

@seabff 

I can see the following when I see your website. Do you want to change this to 12px?

Let me know.

title-mega.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
seabff
Tourist
3 0 1
I would love if you could take what i have in text box below image now and
use as h1 and h2 overlay on photo 12px on pc and mobile

So main Image with text overlay I would like following both 12px
Heading = Save the Ocean Jewelry, Help Sea Life Whales Sharks Turtles
Charity
Text = *Save the Ocean Jewelry, Help Sea Life Whales Sharks Turtles
Charity, Conservation, Creatures, Shark, Whale, Turtle, Donating to
Charities, Sea life jewellery ,Beach and Ocean life Inspired, Handmade,
Bracelet, Necklace, Ring, Anklet, Earrings, UK. Australia, USA, Canada,
Worldwide*
0 Likes
LitExtension
Shopify Partner
888 99 158

Hi @seabff

Please place this code at the end of stylesheet.css

.rich-text h2, .rich-text h3, .rich-text .h2, .rich-text .h3 {

    font-size: 12px;

}

.rich-text .rich-text__text--small p {

    font-size: 12px;

}

Screenshot to refer: https://prnt.sc/12l6170

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
seabff
Tourist
3 0 1
Gave it a try but nothing cut and paste at end of theme.css.liquid which
holds style sheet and made no difference

but to clarify its the text overlay of the top mainpage image i want to
reduce h1 and h2 to 12px or 10px not the rich text snippet where i have
text now directly below the main page top image now.
0 Likes