A Shopify store owner seeks to italicize paragraph text within an image banner section, as the theme editor doesn’t provide a built-in formatting option.
Multiple CSS Solutions Proposed:
.overlay-text__rte p or .overlay-text__reveal selectors with font-style: italic !important;styles.css.liquid, theme.css, or theme.css.liquid filesResolution:
After several unsuccessful attempts with different CSS selectors, the working solution targets .hero__content p.hero__description with the italic font-style property. The user confirms this final code successfully italicized the banner text.
Key Technical Detail:
The challenge involved identifying the correct CSS class selector specific to the theme’s image banner component, requiring multiple iterations to match the actual DOM structure.
Hi,
is there a way to change the paragraph text on the image banner to italic?
it doesn’t give me an option to when I enter the text. is there a code I can use in the section “custom css”?
theme preview:
https://ztqnqr9vej0q0geo-8439839.shopifypreview.com
thank you so much!
Hi @Gypsymoon
You can add this CSS code at the bottom of your styles.css.liquid file to change that text to italic
.overlay-text__rte p { font-style: italic !important; }
Hi,
I don’t have style.css liquid file
So please check if it has theme.css or theme.css.liquid file and add code to bottom
Hello @Gypsymoon 
You can use this code to make it italic
.overlay-text__reveal {
font-style: italic;
}
Hope it helps!
Hi @Gypsymoon
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the styles.css file:
.slideshow .subheading–over {font-style: italic;}
Regards,
San
Unfortunately that code didn’t work
Hi,
thank you but it didn’t work
Thank you, but that code didn’t work
Please update code like this
.hero__content p.hero__description { font-style: italic !important; }
Thank you!! It worked!!!
Happy I could help 
!