Skip to main content

Sun, Jan 6, 2013 9:08 PM

Closed

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

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

This conversation has been merged. Please refer the main conversation:

Responses

59 Messages

 • 

28.3K Points

8 years ago

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

19 Messages

 • 

1.5K Points

8 years ago

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!

59 Messages

 • 

28.3K Points

8 years ago

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

5 Messages

 • 

262 Points

8 years ago

Marcy did you figure this out?