Add header Text to carousel and change background

[Transcolie]

Hello everyone,

I would like to add a header text to a carousel on my produit page and change carousel background color different to the main one

this is my product page link:https://urbanhyp.com/products/u-hyp%C2%AE-electric-pro-massager ,

if anyone can help me with this please

thank you

[Transcolie]

yes please

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

Please add code here to show this text:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>

.fw-slider::before{
  content: "Header text",
  width: 100%;
display: flex;
justify-content: center;
color: red;
font-size: 40px;
}


</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[Transcolie]

thank you Noah. Do you have any idea how to change the specific background color?

[PageFly-Noah]

Sure ! please add again code here:

<style>

.fw-slider::before{
  content: "Header text",
  width: 100%;
display: flex;
justify-content: center;
color: red;
font-size: 40px;
}

.fw-slider{
  background: red !important;
  padding-top: 24px !important;
} 

</style>

[Transcolie]

thank you so much

[PageFly-Noah]

Thank you , have a nice day !

[Transcolie]

Please @PageFly-Noah @you helped me out last time about this.

can you please provide a code that I can add to the CSS for a  specific product to modify title name ( "Header text")

 

i try this in the CSS in the theme editor for a product to change you name but editing is refusing 

<style>

.fw-slider::before{
content: "Header text",
}

[PageFly-Noah]

HI @Transcolie  If you want apply this code in theme editor , You need remove tag <style> and </style>, You can see code here:

.fw-slider::before{
content: "Header text",
}

Thank you !

[Transcolie]

Thank you @PageFly-Noah  but it seems not working. When adding the code I have an error message that says « online session can’t be edited » and then refuse to save .

can you look this with me please. 
thanks 

 

[PageFly-Noah]

Hi @Transcolie  , I got it, Some code will not be suitable for use in there. Can you use in theme.liquid. Currently it seems impossible to use that code in "custom code".

[Transcolie]

Please @PageFly-Noah 

I have installed this apps but it do have branding. Would you be able to provide a customs code to hide branding like blend font color with main page background color #f0f0f0

i would like to add it to custom css code

thanks

this is page link : 

https://urbanhyp.com/products/vibro-hyp™