Remove opacity from H3 background color from collection & product pages.

lemarcfj
Visitor
2 0 0

I, for the life of me, cannot figure out how to remove the opacity being shown on this collection page header. In fact, none of the CSS I apply in the page builder/editor is applying to the (p) text, except for the background and font color that I set. When I attempt to change the font size, it does not apply, even with an !important call. Please help! 

 

Here is the CSS that I have applied to this section: 

h1 {
  align-items: center !important;
  font-family: "Permanent Marker", sans-serif;
  color: black !important;
  background-color: #8de0f4;
  font-size: 45px;
  padding: 15px;
  padding-left: 15px;
  line-height: 37px;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}
p {
  color: black !important;
  background-color: #8de0f4 !important;
  font-size: 25 px;
  padding: 15px;
  line-height: 25px;
  border-radius: 15px;
}

 

Specs:

Reply 1 (1)

Liqiud_xPert_SJ
Shopify Partner
991 118 153

the password is incorrect

 

2024-05-30 14_16_50-ThrowbackBuys - Coming Soon! — Mozilla Firefox.png

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂