Having trouble finding a certain block of code in Nature Blue store theme

  • 0
  • 1
  • Problem
  • Updated 6 years ago
  • In Progress
Merged

This conversation has been merged. Please reference the main conversation: HTML Help! Can you help me troubleshoot my code (or 3rd party software)?

I hope someone can help! I'm trying to change the background color in the category title bars but can't find the code for it. The store theme template I'm using is "Nature Blue". You can view the title bars here: http://stores.homestead.com/springcre.... The part I'm trying to change is the light blue colored "bars" which hold the category titles. I believe it's actually an image, not a background color. I also believe what I'm looking for is a piece of code called "div.titlebar.group.title" OR ".group-title".

If there's someone out there that is familiar with this store theme and knows where this bit of code is located, I'd sure appreciate some advise!

Thanks - Marcy
Photo of Marcy0335

Marcy0335

  • 1,452 Points 1k badge 2x thumb

Posted 6 years ago

  • 0
  • 1
Photo of Chris Folmer

Chris Folmer, Alum

  • 28,258 Points 20k badge 2x thumb
Hi Marcy,

Welcome to the Community!

It definitely looks like your comfortable withe html code. However, because you are using Page Builder for your Product List page, the coding for titlebar is actually imbedded into the backend and can't be accessed. I recommend editing your Product List page through the Page Template Manager. After customizing that page, you can switch to it by default. There you have access to all the coding. I don't believe the title bar is setup, but you could try adding your own code to change it.

Hope that helps!

Chris
Photo of Marcy0335

Marcy0335

  • 1,452 Points 1k badge 2x thumb
Thanks Chris. I have looked inside the code using the page template editor and can't find the code for the actual title bar container. Maybe I misunderstood your response? The only way I could actually find the name of the css code for the container was by inspecting the element in my browser. However, I can't find that particular piece of code in the template code editor ("div.titlebar.group.title" OR ".group-title" OR "Product-List-Container"). Are you saying that it can't be accessed ANYWHERE? If it can be accessed, would it be in the Header? Product List? Stylesheet Base?

Thanks for your help!
Photo of Chris Folmer

Chris Folmer, Alum

  • 28,258 Points 20k badge 2x thumb
Hi Marcy,

Sorry for the confusion. Unfortunately that piece of code can't be accessed as it is on the backend of the Product List page builder page. I would recommend trying to convert your product list page to the page template manager and add some custom coding to change the browser title section. Unfortunately I'm not sure what the code would be, but you may be able to use the code you saw when you inspected the element.

Thanks,

Chris
Photo of Justin2405

Justin2405

  • 212 Points 100 badge 2x thumb
Marcy did you figure this out?