Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Different Logo Colors on Portfolio Main Page & Project Pages


idamay

Question

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
  • Answers 18
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

18 answers to this question

Recommended Posts

  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

@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
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
23 hours ago, idamay said:

@tuanphan sorry, no i mean issue 2. attached.

Screenshot 2021-08-03 at 09.49.00.png

Add to Design > Custom CSS

/* footer h3 no wrap */
div#block-yui_3_17_2_1_1623696507121_7286 h3 {
    white-space: nowrap !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...