Can I alter the design and colors of a single page on my online store?

Store Design
1

Hi! I’m trying to change the look and colors of just one page on my shop. I want to change out the logo and change the colors. Is this possible? If so, how? Help!

2

@brittanythebrit please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

3

Of course! Thank you for taking a look at it. My site’s url is: samsnestandco.com

The page that I’m wanting to change is Entropic Society. I want to make this page and the product on it different from all of the rest.

4

@brittanythebrit

Can you list which type of changes you want on this particular page so i will provide solution according to that.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

5

Sure! I want to change the colors, the logo, and the Announcement Bar text on that page as well as for any product that will be listed there. Right now there is only one product listed, but there will be more added in the next couple of months. Thank you!

6

@brittanythebrit

It will need lots of CSS and Liquid editing you need to hire a developer.

Regards

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on mail | Shopify Design Changes | Custom Modifications In to Shopify Theme

7

Ok! Thank you for looking at my site and helping me figure out that I need a developer.

8

Hello @brittanythebrit

add this code to your timber.scss file.

Navigate to online store >> Click edit theme code.

Now find timber.scss and paste the following code:

#entropic-society .site-nav__link{   
	 color: #000000 !important;

}

#entropic-society .section-header--title{color: #9f8e8e !important;}

#entropic-society .logo__image-wrapper img {display:none !important;}

#entropic-society .logo__image-wrapper{background-image: url(https://i.ibb.co/gt4Z8Rm/Adoption-and-community-care-Logo-template-vector.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

Hope it helps!

9

Thank you! I found it and added the code and it took off the logo. Now how do I add back in a different logo and change the colors?

10

Hello @brittanythebrit

You need to upload an image as a product and add the URL there.