Jump to content

Different Logo Colors on Portfolio Main Page & Project Pages

Recommended Posts

Site URL: https://kevinthomasart.com/ttt

Hi, 

 

I am looking for a right code to change the logo on the main Portfolio Page to white and still have the logo in black for the projects. Could someone advise. 

My main logo color is white. Have managed to code other white pages so that the logo color is reversed to black. However, on the Portfolio pages am struggling to separate the main page and the projects.

See the exact page here: https://kevinthomasart.com/ttt

Thank you.

Link to comment
  • Replies 18
  • Created
  • Last Reply

Top Posters In This Topic

On 7/16/2021 at 9:20 PM, idamay said:

Site URL: https://kevinthomasart.com/ttt

Hi, 

 

I am looking for a right code to change the logo on the main Portfolio Page to white and still have the logo in black for the projects. Could someone advise. 

My main logo color is white. Have managed to code other white pages so that the logo color is reversed to black. However, on the Portfolio pages am struggling to separate the main page and the projects.

See the exact page here: https://kevinthomasart.com/ttt

Thank you.

Add to Design > Custom CSS

/* ttt page logo */
body#collection-60c0a2fb7332763c01635cda .header-title-logo img {
    filter: invert(0);
    -webkit-filter: invert(0);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
12 hours ago, dovely said:

Hi @tuanphan we are experiencing a similar issue on our site as well. Could you help us figure out a way to change the logo on the individual product pages of our shop? https://coyote-bagpipe-yyjt.squarespace.com/shop/ferb6jya7878ba7-ejszk-msxa2-rgdj3-zb48c-z2b53-el68s-n997b-eka39 The password to view is Doves2021! Let me know if you have any questions. Thank you!

 

Add to Design > Custom CSS

/* Logo color on individual products */
body.collection-type-products.view-item img.Header-branding-logo {
    filter: invert(1);
    -webekit-filter: invert(1);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
22 hours ago, idamay said:

Hi @tuanphan I've inserted the custom CSS but my project pages still have a white logo (see attached)... and I wanted the project to have a black logo (like on this page f.ex. https://kevinthomasart.com/belle-02) as the background on my project pages is white... Let me know if you know a solution for this. Thank you. 

Screenshot 2021-07-23 at 16.22.31.png

Hi. It looks like you solved? See fine here https://kevinthomasart.com/ttt/sonia

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/16/2021 at 9:20 PM, idamay said:

Site URL: https://kevinthomasart.com/ttt

Hi, 

 

I am looking for a right code to change the logo on the main Portfolio Page to white and still have the logo in black for the projects. Could someone advise. 

My main logo color is white. Have managed to code other white pages so that the logo color is reversed to black. However, on the Portfolio pages am struggling to separate the main page and the projects.

See the exact page here: https://kevinthomasart.com/ttt

Thank you.

Also, do you need to fix these?

Site URL – https://kevinthomasart.com/

1. (Mobile/Tablet – Bio) On desktop, can see the entire image. On mobile, the image is partially cropped.

https://kevinthomasart.com/bio

kevinthomasart.com-01-min.png

2. (Tablet – Footer) Text break.

https://kevinthomasart.com/

kevinthomasart.com-02-min.png

3. (Tablet – Menu) Align social icons?

https://kevinthomasart.com/

kevinthomasart.com-03-min.png

4. (Tablet – TTT) Reduce space between images?

https://kevinthomasart.com/ttt

kevinthomasart.com-04-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/22/2021 at 11:15 PM, dovely said:

WOW! That worked perfectly. Thank you so much @tuanphan!

Do you need help on these?

Site URL – https://coyote-bagpipe-yyjt.squarespace.com/?password=Doves2021!

1. (Mobile/Tablet – Homepage) Text break.

https://coyote-bagpipe-yyjt.squarespace.com/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-01-m

2. (Mobile – Homepage) Text break.

https://coyote-bagpipe-yyjt.squarespace.com/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-02-m

3. (Mobile – Footer) Testimonials is cut into 2 lines.

https://coyote-bagpipe-yyjt.squarespace.com/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-03-m

4. (Mobile – Menu) Reduce space between Services and About?

https://coyote-bagpipe-yyjt.squarespace.com/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-04-m

5. (Tablet – Footer) Phone number is cut into 2 lines.

https://coyote-bagpipe-yyjt.squarespace.com/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-05-m

6. (Tablet – Services) Text break.

https://coyote-bagpipe-yyjt.squarespace.com/services/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-06-m

7. (Tablet – About) Increase text width?

https://coyote-bagpipe-yyjt.squarespace.com/about/?password=Doves2021!

coyote-bagpipe-yyjt.squarespace.com-07-m

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@tuanphan still haven't solved it... Project pages the logo is black.. but I'd like on the main portfolio page to have a white logo... this is the issue i've been having.  I want the main page with white logo (against the picture) and projects with black (against the white background). See attached (this is where I'd like the white logo) Hope am making sense 🙂

Screenshot 2021-07-24 at 18.23.11.png

Link to comment
14 hours ago, idamay said:

@tuanphan still haven't solved it... Project pages the logo is black.. but I'd like on the main portfolio page to have a white logo... this is the issue i've been having.  I want the main page with white logo (against the picture) and projects with black (against the white background). See attached (this is where I'd like the white logo) Hope am making sense 🙂

Screenshot 2021-07-24 at 18.23.11.png

Don't remove any code. Add this to Design > Custom CSS

/* ttt page logo to white */
body#collection-60c0a2fb7332763c01635cda.view-list:not(.header--menu-open) .header-title-logo img {
    filter: invert(1) !important;
    -webkit-filter: invert(1) !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/2/2021 at 3:14 AM, idamay said:

@tuanphan hi, thanks for asking. yes would love to fix this:  (Tablet – Footer) Text break. Other than that am ok. Thank you

https://kevinthomasart.com/

You mean Issue 1?Add to Design > Custom CSS

/* home text break */
@media screen and (max-width:991px) {
div#block-d63aac0fad63eec60cb5 .image-title p {
    font-size: 40px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.